我有以下问题需要解决:
从本地菜单(左侧菜单)中,我可以选择子页面。典型场景。现在我想重新加载与本地菜单项相关的内容。在纯 Angular 中,我不知道实现它的标准简单方法。我可以手动从服务器获取标记并手动替换内容区域。有没有更好的办法?我用谷歌搜索并发现了
但在我开始深入研究细节之前,也许您可以建议如何解决这个问题。或者甚至建议我是否可以使用 ui-router 解决这个问题。
最佳答案
您想在 ui-router 中使用嵌套状态。像这样的事情
$stateProvider
.state('home', {
templateUrl: 'views/home.html',
url: '/home',
controller: 'homeCtrl'
})
.state('home.localmenu1', {
templateUrl: 'views/localmenu1.html',
url: '/home/local1',
controller: 'local1Ctrl'
})
.state('home.localmenu2', {
templateUrl: "views/localmenu2.html",
url: '/home/local2',
controller: 'local2Ctrl'
})
.state('products', {
templateUrl: 'views/products.html',
url: '/products',
controller: 'productsCtrl'
})
因此,在“views/home.html”中,您可以使用 ui-view
指令放置一个元素。那么该元素将包含子状态的 View (home.localmenu1
、home.localmenu2
)。
关于javascript - 页面的一部分作为 Angular 中的 subview ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19569581/