Является ли свойство "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
,