定义嵌套视图
定义嵌套视图
提问于 2018-06-03 23:13:39
我有一个AngularJS的网站，index.html有
<body>
<ui-view ng-cloak></ui-view>
</body>在angularApp.js中
app.config(['$stateProvider', function ($stateProvider) {
$stateProvider
.state('home', {
url: '/home',
templateUrl: '/htmls/home.html',
controller: 'MainCtrl'
}
.state('help', {
url: '/help',
templateUrl: '/htmls/help.html',
controller: 'HelpCtrl'
}
}])在home.html和help.html (以及其他页面)中，我总是在页面顶部有一个相同的导航栏。因此，我希望避免重复代码，并创建一个/htmls/header.html和一个控制器NavCtrl。因此，我将能够在这些htmls中编写<div ui-view="header"></div>。
有人知道如何修改我的angularApp.js或者index.html，让它们接受嵌套的header视图吗？
回答 1
Stack Overflow用户
发布于 2018-06-04 01:54:32
不使用ui-view，而是使用组件：
̶<̶d̶i̶v̶ ̶u̶i̶-̶v̶i̶e̶w̶=̶"̶h̶e̶a̶d̶e̶r̶"̶>̶<̶/̶d̶i̶v̶>̶
<my-header></my-header>JS
app.component("myHeader", {
templateUrl: '/htmls/header.html',
controller: 'NavCtrl'
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50667898
复制相关文章
相似问题