Ответ 1
Попробуйте использовать
tagName:''
Пустая строка в качестве значения tagName в вашем представлении.
Обновление: Когда я довел это до сведения вкладчиков ember.js, они предложили наследовать представление из
Ember._MetamorphView
У меня есть 3-х столбцовый макет в моем приложении. Я использую семантический интерфейс. Итак, макет:
<div class='ui celled grid'>
<div class='left column'>...</div>
<div class='middle column'>...</div>
<div class='right column'>...</div>
</div>
Итак, прямо.
В моем application.hbs
это просто:
<div class='ui celled grid'>
<div class='left column'><!-- menu --></div>
{{outlet}}
</div>
И другие 2 столбца находятся в моем суб-контроллере/шаблонах. И это отлично работает, пока мне не понадобится View
. Если мне нужен View
, то Ember делает HTML-макет:
<div class='ui celled grid'>
<div class='left column'><!-- menu --></div>
<div class='ember-view'>
<div class='middle column'><!-- content --></div>
<div class='right column'><!-- content --></div>
</div>
</div>
И обтекание <div class='ember-view'>
ломает мой макет. Поскольку мне не всегда нужен View
, мне нужен способ сделать HTML одинаковым с или без View
.
В этот момент я вижу 2 решения. Мне придется либо переработать мой макет каким-то образом (что я еще не разработал). Или я могу избавиться от оберточного div.
Но можно ли избавиться от оберточного div? Я пробовал это:
export default Ember.View.extend({
tagName: null
});
Но это не работает. Я также пробовал span
, но это все еще ломает мой макет.
Любые идеи?
Спасибо.
Попробуйте использовать
tagName:''
Пустая строка в качестве значения tagName в вашем представлении.
Обновление: Когда я довел это до сведения вкладчиков ember.js, они предложили наследовать представление из
Ember._MetamorphView