Angularjs 绑定到子作用域上的属性
我有一个使用angular Router的angular应用程序 我的主视图是一个选项卡式视图,其中定义了10个选项卡。对于每个选项卡,都有一个命名视图,供角度路由器将模板注入其中。每个选项卡除了通过状态定义配置的标题外,对其内容一无所知Angularjs 绑定到子作用域上的属性,angularjs,scope,Angularjs,Scope,我有一个使用angular Router的angular应用程序 我的主视图是一个选项卡式视图,其中定义了10个选项卡。对于每个选项卡,都有一个命名视图,供角度路由器将模板注入其中。每个选项卡除了通过状态定义配置的标题外,对其内容一无所知 state('personView', { route: "people/:personId/", views: { "tab1": {
state('personView', {
route: "people/:personId/",
views: {
"tab1": {
tabConfig: {
name: 'tab1',
icon: 'info_outline'
}
template: "person-details.tpl",
controller: 'personDetailsController as vm'
},
"tab2": {
tabConfig: {
name: 'tab2',
icon: 'info_outline'
}
template: "children-details.tpl",
controller: 'childrenDetailsController as vm'
}
}})
我想做的是在选项卡标题中包含一个计数器,它显示每个选项卡中有多少项。使用上面的示例,如果有4个子项,我希望选项卡标题将数字4显示为徽章。但是孩子们的知识是孩子们的控制者的知识,而这一点是唯一的
那么,如何在不让我的childrenDetailsController知道它正在选项卡式模板中使用的情况下,最好地将计数添加到选项卡式标题中呢?理想情况下,我会将选项卡式视图配置为“查看”childDetailsController并提取某个属性,该属性可用于计数器。但是绑定到子作用域并不是我熟悉的事情
$state.get()
get(stateName)-通过将名称作为字符串传递来检索任何状态的配置对象的方法
get()-返回所有状态配置对象的数组
或
我不想要state config对象-我想要从父作用域访问子状态作用域上的属性。子视图是嵌套的。
$state.current