javascript – 在EmberJS中使用多个布局

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在EmberJS中使用多个布局，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1156字，纯文字阅读大概需要2分钟。

内容图文

我有一个Web应用程序需要使用不同的布局,具体取决于它的位置.

基本上,如果我在页面“Profile”中,我想使用特定的应用程序布局和特定的页面布局.
如果我要转到另一个页面“消息”,我想使用另一个应用程序布局和另一个页面布局.
我需要将它们组合起来渲染我的页面.

有没有办法做那样的事情？

profile.js(查看)

export default Ember.View.extend({
   appLayoutName: 'appLayoutType1',
   layoutName: 'pageLayoutType1',
   templateName: 'profile'
});

messages.js(查看)

export default Ember.View.extend({
   appLayoutName: 'appLayoutType2',
   layoutName: 'pageLayoutType2',
   templateName: 'messages'
});

forums.js(查看)

export default Ember.View.extend({
   appLayoutName: 'appLayoutType1',
   layoutName: 'pageLayoutType2',
   templateName: 'forums'
});

另一个细节,路线不应该影响那些变化.
我不应该在我的页面路线中添加一个级别来选择正确的布局.

谢谢！

解决方法:

您可以将各种布局创建为组件,并在每个路径的模板级别添加它们.然后,每个模板将直接控制它嵌入的特定布局,以及嵌套顺序.像这样的东西：

  {{#app-layout-one}}
    {{#page-layout-one}}
      <h1>Profile route contents</h1>
    {{/page-layout-one}}
  {{/app-layout-one}}

这是一个展示一般想法的plnkr：http://plnkr.co/edit/ULuajptCB4n93swhnwiT?p=preview

您也可以像上面一样在视图中设置它,但这可能会更复杂一点.

内容总结

以上是互联网集市为您收集整理的javascript – 在EmberJS中使用多个布局全部内容，希望文章能够帮你解决javascript – 在EmberJS中使用多个布局所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端