Самозакрывающиеся пустые метки с компонентами Ember Glimmer

Question

Я нахожусь в процессе обновления приложения Ember до последней версии (3.17) и столкнулся с проблемой с новыми компонентами Glimmer. Нет необходимости указывать имя тега, но я не уверен, как обращаться с самозакрывающимися пустыми элементами, такими как тег

<img> 

. Очевидно, что вы можете заключить свой компонент в закрывающий тег элемент

<div><MyComponent @name="test"/></div> 

, но я не встречал примеров, использующих самозакрывающийся тег.

Заранее большое спасибо.

Answer 1

ты не. Компонент отображает html, и вы не можете поместить html в самозакрывающийся тег. Самозакрывающийся тег по определению не имеет значения innerHTML. Что можно ожидать от компонента внутри и тега <img>?

Answer 2

Вот пример с использованием тега <img> в компоненте. Не уверен, что это то, что вы ищете, но вы можете просто использовать элемент void внутри компонента. Вы do должны самостоятельно закрывать тег компонента, когда вы вызываете его.