个人中心
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
文章推荐： javascript - 将弹出窗口绑定(bind)到 Leaflet.js 中的动态标记列表
文章推荐： 无法离开循环
文章推荐： c# - 获取范围内不包括子范围的随机 float
文章推荐： C中使用递归计算数组的累加和
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com