UI-Router 多视图单控制器 [英] UI-Router Multiple Views Single Controller
问题描述
是否可以有多个视图 [https://github.com/angular-ui/ui-router/issues/494] 使用单例控制器?
Is it possible to have multiple views [https://github.com/angular-ui/ui-router/issues/494] with a singleton controller?
用例:我有一个 ui-view=header 和 ui-view=content.我根据当前状态更改标题以显示上下文相关按钮(即返回、保存、过滤器等)我希望这些按钮调用内容控制器中的函数，但如果我执行以下操作，它将创建两个 MyController 对象.如果有任何 init 函数，它们会被调用两次，在大多数情况下，这是对我的服务器的查询的两倍.
Use case: I have a ui-view=header and ui-view=content. I change the header depending on the current state to display context relative buttons (ie go back, save, filter, etc.) I want those buttons to call a function in the content controller, but if I do the following it creates two MyController objects. If there's any init functions they get called twice, which in most cases is double the queries to my server.
views:{
'header':{
templateURL:'...',
controller:'MyController'
},
'content':{
templateURL:'...',
controller:'MyController'
}
}
更新:基于@pankajparkar
Update: Based on @pankajparkar
我当前的 index.html 看起来像这样(为了理解而简化)
My current index.html looks like this (simplified for understanding)
<nav ui-view="header"></nav>
<div ui-view="content"></div>
但是您的建议将包含/REQUIRE subviews
But your suggestion would consist of/REQUIRE subviews
<!--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
}
}
});
推荐答案
你基本上需要在某种提供者(通常是服务或工厂)中处理这类事情，那些是单身人士，然后你可以将单身人士注入控制器和控制器的每个实例都将使用共享/相同的提供程序.
You basically need to handle this kind of stuff in some sort of provider (typically a service or a factory) those are singletons and then you can inject the singleton into the controller and each instance of the controller will be using the shared/same provider.
如果您需要帮助来实现这一点，请分享您的控制器.
If you need help implementing this please share your controller.
尽管我同意此处发布的其他答案中的建议，但您可能需要考虑将功能置于提供程序中.在大多数情况下，您最好将大部分功能和数据放在提供程序中，让您的控制器只负责传递用户交互以触发提供程序中的适当调用(这将解决您当前的问题，因为它们是单身人士).
Although I do agree with the suggestions in the other answer posted here, you may want to consider putting the functionality in a provider anyhow. In most situations you're best off having most of the functionality and data living in providers and having your controllers just be responsible for passing along the user interactions to trigger the appropriate call in the providers (and it would fix your current problem since they are singletons).
这篇关于UI-Router 多视图单控制器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
