AngularJS 中的多个菜单项使用相同的状态

Question

我正在尝试使用相同的状态来管理所有菜单项，但状态未正确刷新。

我的主页有以下四个部分。

    <div ui-view="navbar" ng-cloak="" class="codrops-top"></div>
    <div ui-view="leftnavbar"></div>
    <div class="well" ui-view="content">
    </div>
    <div class="footer">
    </div>

并且我已经配置 Angular 模块来使用

处理顶部导航栏和左侧导航栏

$stateProvider.state('site', {
        'abstract': true,
        views: {
                'navbar@': {
                        templateUrl: 'scripts/components/navbar/navbar.html',
                        controller: 'NavbarController'
                    }
                ,
                'leftnavbar@'   :{
                        templateUrl:'scripts/components/leftnavbar/leftnavbar.html',
                        controller: 'LeftNavbarController'
                }   
        }

我正在尝试在单击左侧导航项时刷新视图 "content"。

我的 Leftnav 控制器具有以下导航项点击处理程序。

$scope.manageEntity = function(code) {
        // I am passing the code of the item clicked using a Service.
        ElementModel.code = code;
        $scope.toggle();
        $state.go('instance',{reload: true});
    };

这是我用来定义状态的代码'instance'

.config(function ($stateProvider) {
    $stateProvider
    .state('instance',{
        parent: 'site',
        url: '/instance',
        views: {
            'content@': {
                templateUrl: 'scripts/app/entities/instance/instances.html',
                controller: 'InstanceController'
            }
        }

第一次调用 InstanceController 时，即使我单击其他左侧导航项，视图也不会刷新。控制正在达到 $state.go('instance',{reload:true});它怎么没有进入 InstanceController。

不确定我做错了什么..

感谢您的帮助。

谢谢。

Answer 1

在您的处理函数 $scope.manageEntity" 中，对 $state.go 的调用可能类似于

$state.go('instance',{},{reload: true});

AngularJS 中的多个菜单项使用相同的状态

Using same State for multiple Menu Items in AngularJS

state

angularjs