Rya*_*n H 8 angularjs angular-ui-router
是否可以使用单例控制器获得多个视图[ https://github.com/angular-ui/ui-router/issues/494]？
使用案例:我有一个ui-view = header和ui-view = content.我根据当前状态更改标题以显示上下文相关按钮(即返回,保存,过滤等)我希望这些按钮在内容控制器中调用函数,但如果我执行以下操作,则会创建两个MyController对象.如果有任何init函数,它们会被调用两次,这在大多数情况下是对我的服务器的查询的两倍.
views:{
'header':{
templateURL:'...',
controller:'MyController'
},
'content':{
templateURL:'...',
controller:'MyController'
}
}
更新:基于@pankajparkar
我当前的index.html看起来像这样(为了理解而简化)
<nav ui-view="header"></nav>
<div ui-view="content"></div>
但你的建议包括/ REQUIRE子视图
<!--index.html-->
<body ui-view></body>
<!--format.html-->
<nav ui-view="header"></nav>
<div ui-view="content"></div>
使用以下控制器
state('app', {
url: '/app',
controller: 'MyController',
templateURL: 'format.html', //Targets ui-view in index.html
views:{
'header':{
templateURL:'...', //Targets ui-view="header" in format.html
},
'content':{
templateURL:'...', //Targets ui-view="header" in content.html
}
}
});
您基本上需要在某种类型的提供程序（通常是服务或工厂）中处理此类内容，这些提供程序是单例，然后您可以将单例注入到控制器中，并且控制器的每个实例将使用共享/相同的提供程序。
如果您需要帮助实现这一点，请分享您的控制器。
尽管我确实同意此处发布的其他答案中的建议，但无论如何您可能需要考虑将该功能放入提供程序中。在大多数情况下，您最好将大部分功能和数据放在提供程序中，并让您的控制器负责传递用户交互以触发提供程序中的适当调用（这将解决您当前的问题，因为它们是单身人士）。
| 归档时间： |
|
| 查看次数： |
8920 次 |
| 最近记录： |