Ember.js路由器的应用基础架构 - 如何有多重嵌套视图/控制器对(Ember.js Route

2019-08-01 08:27发布

我有一个余烬应用和出口的概念,并连接出口是好的,我明白了。 我不明白的是如何让一个又一个的内多于一个视图/控制器视图,不疯狂嵌套

假设我设计的icloud克隆在那里我有电子邮件功能以及相册功能。 现在,如果我想做到像

***********************************************************
* INBOX LIST     **  COMPOSE OR VIEW MESSAGE              *
*                **                                       *
*                **                                       *
*                **                                       *
*                **                                       *
* CONTACTS LIST  **                                       *
*                **                                       *
*                **                                       *
*                **                                       *
*                **                                       *
***********************************************************

我会想设计这会是这样的方式

EmailController/View
|-- SplitViewController/View
   |-- InboxListController/View
   |-- ContactsListController/View
   |-- ComposeMessageController/View
   |-- ReadMessageController/View

我在哪里可以热插拔这些到SPLITVIEW的水平或产品总数删除它们,但我没有看到,只有一个这样做的一个很好的方式outlet允许的。 这会迫使我接下来的事情就的事情,不应该被嵌套。 使用单个出口的做法,我的结构将看起来更像

EmailController/View
|-- SplitViewController/View
   |-- InboxListController/View
       |-- ContactsListController/View
           |-- ComposeMessageController/View
               |-- ReadMessageController/View

我如何才能找到与Ember.js /路由器仍然允许更复杂的嵌套适合的建筑风格?

Answer 1:

你知不知道你能说出的网点? 例如,在SPLITVIEW模板,你可以有一个{{出口inboxListView}},一个{{出口contactsListView}}等等...当你做你的connectOutlets的东西,你可以做到这一点,如:

splitViewController.connectOutlet({name: 'inboxList', outletName: 'inboxListView'})
splitViewController.connectOutlet({name: 'contactsList', outletName: 'contactsListView'})

等等...



文章来源: Ember.js Router App Architecture — How to have multiple nested view/controller pairs