我在我的DotNet Core应用程序中使用了Angularjs UI-Router。尽管我使用的是复杂的嵌套视图路由,但是一切正常。
我已将页面分为两部分,左边的部分用于树视图,右边的部分用于与树视图菜单相关的表单。右侧再次以选项卡的形式嵌套了视图,但是我的问题是treview。我想要的是,当我单击树视图中的任何菜单选项时,仅应更改右侧部分,不应重新加载树视图。
我只想不重新加载左侧(树形)
这是我的路由器代码
var app = angular.module('MyApp', ['ui.router']);
app.config(function ($stateProvider, $urlRouterProvider) {
$stateProvider
// loading page having tree on left side and content on the right side...
.state('NetworkDistribution', {
url: "/NetworkDistribution/{id}",
views: {
'container-view': {
templateUrl:"NetworkArchive/_Index"
},
'left-view@NetworkDistribution' :{
templateUrl:"NetworkArchive/_TreeView"
},
'right-view@NetworkDistribution' :{
templateUrl: function(stateParams) {
return '/NetworkArchive/GridList/' + stateParams.id;
}
}
}
})
// loading content on the right side when click on the option from the Tree(Left Side TreeView)...
.state('NetworkDistribution.Grid', {
url: "Grid/{id}",
views: {
'container-view': {
templateUrl:"NetworkArchive/_Index"
},
'left-view@NetworkDistribution' :{
templateUrl:"NetworkArchive/_TreeView"
},
'right-view@NetworkDistribution' :{
templateUrl: function(stateParams) {
return "NetworkArchive/Grid/" + stateParams.id;
}
},
'content-view@NetworkDistribution.Grid' :{
templateUrl: function(stateParams) {
return "NetworkArchive/GridInfo/" + stateParams.id;
}
}
}
})
当状态=> NetworkDistribution.Grid单击时,我只是不希望TreeView重新加载。