Ember.js Просмотр без упаковки Div?

У меня есть 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, но это все еще ломает мой макет.

Любые идеи?

Спасибо.

Ответы

Ответ 1

Попробуйте использовать

tagName:''

Пустая строка в качестве значения tagName в вашем представлении.

Обновление: Когда я довел это до сведения вкладчиков ember.js, они предложили наследовать представление из

Ember._MetamorphView

https://github.com/emberjs/ember.js/pull/4790