【问题标题】:Ember.js template and full height (includes JS bin example)Ember.js 模板和全高(包括 JS bin 示例)
【发布时间】:2013-04-24 22:19:24
【问题描述】:

现场演示:http://jsbin.com/ozigoh/1/ | 来源:http://jsbin.com/ozigoh/1/edit

问题很简单。

在 Ember 将生成的 div 包裹在模板内之后,模板内的全高 div 不会获得全高。

我想要什么:


||||我的 div 应该是 100% 高度并且是 100% 全高

||||

||||

||||


Ember 将视图 div 包裹在我的全高 div 周围后得到的结果:


||||我的 div 应该是 100%,但不是 100%,因为 ember 视图 div 没有设置为 100% 高度

|

|

|


我该怎么办?我错过了什么吗?

【问题讨论】:

    标签: css templates view ember.js height


    【解决方案1】:

    您可以在 Ember 添加的应用程序视图的div 中添加一个类:

    App.ApplicationView = Em.View.extend({
      classNames: ['full-height']
    });
    

    更新的 Jsbin:

    http://jsbin.com/ozigoh/5/edit

    http://jsbin.com/ozigoh/5

    【讨论】:

    • 但是,我面临另一个困难。我可以将类名添加到模板中,但我需要在此模板之外呈现插座?我是 Ember 新手,您有什么建议吗?
    • 我不明白,你想让outlet在应用模板之外?
    • 我想要一个主/详细视图结构。全高 div 是主(侧边栏导航),详细信息在全高导航旁边,而不是在里面。
    • 谢谢,我刚刚找到了这样的解决方案。相反,我使用{{render sidebar}}{{outlet}}
    猜你喜欢
    • 1970-01-01
    • 2013-03-29
    • 2013-11-25
    • 1970-01-01
    • 1970-01-01
    • 2010-10-25
    • 1970-01-01
    • 2016-10-22
    • 2013-06-10
    相关资源
    最近更新 更多