gpt4 book ai didi

javascript - AngularJS UI-Router父级

转载 作者:行者123 更新时间:2023-11-30 20:47:18 24 4
gpt4 key购买 nike

我正在为我的一个项目使用 UI-Router,我刚刚注意到,当我重新加载子状态时,父 Controller 也(再次)与子 Controller 一起运行。父级的范围由子级继承。这应该像这样工作吗?我可以隔 ionic 作用域吗?

我需要父/子关系才能使面包屑导航正常工作。

app.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('parent', {
name: 'parent',
url: '/parent',
templateUrl: 'parent-template.html',
controller: 'parentController',
})
.state('child', {
name: 'child',
parent: 'parent',
url: '/child',
templateUrl: 'child-template.html',
controller: 'childController',
})
.state('orphan', {
name: 'orphan',
url: '/orphan',
templateUrl: 'orphan-template.html',
controller: 'orphanController',
});
// if no route is matching
$urlRouterProvider.otherwise('/parent');
});
<!-- INDEX.HTML -->
<body>
<div ng-app="app">
<main role="main" class="container">
<div ng-app="app">
<ui-view></ui-view>
</div>
</main>
</div>
</body

<!-- PARENT-TEMPLATE.HTML -->
<ui-view>
<div class="container">
parent content
</div>
</ui-view>

<!-- CHILD-TEMPLATE.HTML -->
<ui-view>
<div class="container">
child content
</div>
</ui-view>

<!-- ORPHAN-TEMPLATE.HTML -->
<div class="container">
Orphan Content
</div>

最佳答案

Controller 被实例化,因为 View 正在显示。尝试使用命名 View :https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views

UI-ROuter 是一个功能强大的工具,有很多很棒的选项,但“能力越大,责任越大”根据我自己的经验,它的所有选项让我浪费了很多时间来测试和理解。最后,最好的(但不是最简单的)方法是尽可能简单地使用它。

关于javascript - AngularJS UI-Router父级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48571253/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com