我可以并排渲染ui-router嵌套视图吗？
古斯塔夫·加姆（Gustav Gahm）
我正在使用ui-router在有角度的应用程序中导航。我在这样的层次结构中使用嵌套状态/视图。
<!-- index.html -->
<h1>Page Title</h1>
<ui-view></ui-view>
<!-- Page1.template.html -->
<h1>Title 1</h1>
<ui-view></ui-view>
<!-- Page2.template.html -->
<h1>Title 2</h1>
<ui-view></ui-view>
<!-- Page3.template.html -->
<h1>Title 3</h1>
<ui-view></ui-view>
结果如下所示：
是否可以使页面看起来像这样，即并排渲染子视图：
迈克尔·雷迪诺诺夫
是的，有可能。看一下docs-多个命名视图。基本上，您的页面将如下所示：
<body>
<div ui-view="child1"></div>
<div ui-view="child2"></div>
<div ui-view="child3"></div>
</body>
和状态配置
$stateProvider
.state('main',{
views: {
'child1': {
templateUrl: 'child1.html',
controller: 'Child1Ctrl'
},
'child1': {
templateUrl: 'child2.html',
controller: 'Child2Ctrl'
},
'child3': {
templateUrl: 'child3.html',
controller: 'Child3Ctrl'
}
}
});
每个子视图可以具有其自己的配置，与原始状态配置相同。
更新：
如果您希望它们是动态的，即指定要手动渲染的视图，则可以使用这种方法在一些$scope变量及其ng-repeat上方指定名称：
.controller('SomeCtrl', function ($scope) {
$scope.views = ['child1', 'child3'];
})
HTML：
<div ng-repeat="view in views">
<div ui-view="{{view}}"></div>
</div>
在此处查看示例：http : //plnkr.co/edit/wVmR6q1UXqhNsF8afpd2?p=preview
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
UI Router嵌套视图
- 2
angular-ui-router嵌套视图
- 3
Angular UI Router嵌套视图问题
- 4
angularjs-ui-router多个嵌套视图
- 5
Angular UI-Router：嵌套视图
- 6
在ui-router中，是否可以在嵌套视图中包含嵌套视图？
- 7
在ui-router中，是否可以在嵌套视图中包含嵌套视图？
- 8
如何在UI-Router中加载/渲染嵌套的UI视图
- 9
ui-router嵌套视图和传递变量
- 10
ui-router嵌套视图访问多个控制器
- 11
UI-Router嵌套视图不起作用
- 12
使用ui-router导航到嵌套命名视图
- 13
angular-ui-router嵌套带Typescript的命名视图
- 14
Angular ui-router嵌套视图未定义闪烁
- 15
使用angular-ui-router的嵌套视图问题
- 16
页面上的角度UI-Router嵌套视图
- 17
默认为Angular UI-Router嵌套视图
- 18
ui.router未显示页面[嵌套视图]
- 19
ui-router嵌套视图未正确加载
- 20
UI Router：如何将参数传递给嵌套视图
- 21
Angular-Ui-Router，嵌套命名视图-我在做什么错？
- 22
ui-router填充templateURL和控制器，并使用嵌套视图嵌套抽象状态
- 23
AngularJS ui-router 不渲染视图
- 24
AngularJS-Angular UI-Router仅重新加载嵌套视图，而不是父视图
- 25
Angular UI Router：导航到嵌套视图时如何使父视图处于“活动”状态？
- 26
我可以要求ui-router更新特定解析吗
- 27
Angular ui路由器可以像这样并行和嵌套视图状态吗
- 28
我可以将Visual Studio 2012与2010并排安装吗？
- 29
我可以在主体标签上放置ui视图吗？
我来说两句