【问题标题】:Switching out the Ember.js application template切换出 Ember.js 应用程序模板
【发布时间】:2014-03-23 23:37:58
【问题描述】:

鉴于我目前缺乏使用 Ember JS 的经验,这很可能是一个愚蠢的问题。但是,我想知道如何处理可能具有一些根本不同的结构布局的应用程序。据我了解,应用程序模板旨在显示始终存在的元素。

考虑以下几点:

  • 登录屏幕
    • 无标题
    • 没有侧边栏
    • 无页脚
    • 有登录框
  • 主要应用
    • 有标题
    • 有侧边栏
    • 有页脚
  • 应用程序的绘图部分
    • 无标题
    • 有帆布
    • 有检查员
    • ..等

问题变成了如何调整主应用程序布局以适应应用程序的基本结构差异。我假设可以将应用程序模板留空并在需要的地方渲染这些静态位,但我认为这会让您自己重复配置。 IE 不希望必须为每个可能的路线指定布局,或者您可能会?

只是寻找一些指针/最佳实践。

谢谢!

【问题讨论】:

    标签: ember.js


    【解决方案1】:

    完全基于这里的意见,但我认为这是一个空白应用程序和显示完全不同的不同路线的完美案例。

    App.Router.map(function(){
      this.resource('login');
      this.resource('home');
      this.resource('drawing');
      ..... etc
    });
    

    然后您可以超级轻松地共享/重用模板,所以也许在主模板中您会有类似的东西

    {{render 'header'}}
     other content
    {{render 'footer'}}
    

    然后在你的绘图模板中你会有这样的东西

    drawing stuff
    {{render 'footer'}}
    

    或任何对您的应用有意义的东西。

    【讨论】:

    • +1 我使用{{partial}},除非我需要传递一些与当前路线不同的特定模型,但这几乎就是我最近使用的 Ember 应用程序的方式。我也在应用程序控制器中使用了路径观察器,它允许一些非常强大的 css 绑定。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-22
    • 1970-01-01
    • 1970-01-01
    • 2016-11-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多