Angularjs 多个ng视图,我只想重新加载一个ui视图
我有以下资料:Angularjs 多个ng视图,我只想重新加载一个ui视图,angularjs,angular-ui-router,Angularjs,Angular Ui Router,我有以下资料: .state('a.abc',{ url: '/abc', views : { wizards : { templateUrl : 'abcLeft.html', }, contentDetails : { templateUrl : 'abcRight.html', } } }) .state('a.abc.add',{ url: '/add', vi
.state('a.abc',{
url: '/abc',
views : {
wizards : {
templateUrl : 'abcLeft.html', },
contentDetails : {
templateUrl : 'abcRight.html', } } })
.state('a.abc.add',{
url: '/add',
views : {
wizards : {
templateUrl : 'abcAddLeft.html', },
contentDetails : {
templateUrl : 'abcRight.html', } } })
主UI视图
B-在A下方(左侧)。它有所有项目的列表
C-A下方(右侧)。将显示上述相同列表,但格式和附加数据不同
A、 B、C是上述层次结构中的ui视图
B和C视图都有“添加新”和“编辑”按钮。单击这些,我导航到左侧div被Add/Edit div替换的状态。注意,右侧div仍然保持不变,它有详细的项目列表。因此,对于右侧,我给出了相同的模板URL。但它仍然会重新加载正确的div
我不能将右侧div作为抽象,因为它不是左侧div的父级。您能显示
$stateProvider
的代码吗?在没有代码的情况下,要告诉您如何构造状态是不可能的。例如,您是否在states.state('a.abc',{url:'/abc',views:{wizards:{templateUrl:'abcLeft.html',},contentDetails:{templateUrl:'abcRight.html',}})上使用视图属性,当我单击abcRight.html上的添加/编辑按钮时,此状态已触发。状态('a.abc.add',{url:'/add',视图:{向导:{templateUrl:'abcAddLeft.html',},内容详细信息:{templateUrl:'abcRight.html',}})请在以后添加代码时编辑您的问题。无法读取粘贴到注释中的代码。我正在为您的问题添加您的代码。也许JSFIDLE可以帮助人们帮助您。