Angularjs UI-Router嵌套视图:不想重新加载TreeView

时间:2018-08-25 10:13:54

标签: angularjs angular-ui-router

我在我的DotNet Core应用程序中使用了Angularjs UI-Router。尽管我使用的是复杂的嵌套视图路由,但是一切正常。

我已将页面分为两部分,左边的部分用于树视图,右边的部分用于与树视图菜单相关的表单。右侧再次以选项卡的形式嵌套了视图,但是我的问题是treview。我想要的是,当我单击树视图中的任何菜单选项时,仅应更改右侧部分,不应重新加载树视图。

enter image description here

我只想不重新加载左侧(树形)

这是我的路由器代码

    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重新加载。

0 个答案:

没有答案