Является ли свойство "extends" устаревшим в X-Tag?

Вариант использования для свойства extends кажется очень простым ( http://www.x-tags.org/docs), однако при тестировании используется следующее определение тега:

(function () {
    xtag.register('dk-foo', {
        extends: 'b',
        lifecycle: {
            created: function () {
                this.innerHTML = '*FOO*';
            }
        }
    });
}());

и разметка:

<dk-foo>Hello BAR</dk-foo>

кажется, что никакого эффекта нет (т.е. текст не выделен жирным шрифтом), и что еще хуже, он ломается на Chrome.

Я тестировал IE11, FF28, Safari 5.1.17 и Chrome 33/35. Каждый браузер, кроме Chrome, выполняет код в lifecycle.created (т.е. изменяет текст на *FOO*). Если я удалю extends Это свойство работает и на Chrome.

Я не смог найти больше документации по extends чем документация выше, ни какие-либо теги, которые его используют (хотя я, конечно, не смотрел на все из них...).

Возможно, я просто использую extends недвижимость неправильно..?

1 ответ

Решение

За этот комментарий:

Когда вы расширяете элемент, вам нужно использовать синтаксис is="" в вашей разметке: . Атрибут is="" является частью стандарта, это единственный способ создания пользовательских элементов из собственных элементов.

Я попробовал это, и вам действительно нужно is= и extends, Мне не нравится is= так что я на самом деле просто создаю внутренний элемент, в вашем случае, внутренний b,

Другие вопросы по тегам