没有折叠区的Ember.js视图？
没有折叠区的Ember.js视图？
提问于 2014-04-29 23:23:55
我在我的应用程序中有一个3列的布局。我使用的是语义UI。因此，布局是：
<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>另外两列在我的子控制器/模板中。在我需要一个View之前，它工作得很好。如果我需要一个View，那么Ember会让它的布局变成：
<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，所以我需要一种方法来使具有或不具有View的HTML一模一样。
在这一点上，我看到了两种解决方案。我要么不得不以某种方式重新设计我的布局(我还没有弄清楚)。或者我可以去掉包装div。
但是有没有可能去掉包装div呢？我试过这个：
export default Ember.View.extend({
tagName: null
});但这并不管用。我也尝试过span，但它仍然破坏了我的布局。
有什么想法吗？
谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-04-30 00:55:40
尝试使用
tagName:''作为视图上tagName的值的空字符串。
更新:当我让ember.js贡献者注意到这一点时，他们建议从
Ember._MetamorphView页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23368862
复制相关文章
相似问题