ui-view外的控制器

Question

我想在ui-view内外使用一个独特的控制器。 使用ng-inspector我看到<div ui-view>有另一个myController实例，不知道为什么。

<div class="container" ng-controller="myController">
    ::{{_path}}
    <a ng-click="action()">action</a>
    <div ui-view class="view"></div>
</div>

app.controller("myController",function ($scope) {
        $scope.action = function(){
          $scope._path= "changed";
         }
});

此问题的结果是，如果我点击<button ng-click="action()">action</button>我看到_path中的更改，如果ui-view中有相同的按钮，则_path不会更改。我怎样才能做到这一点？

Answer 1

定义状态时，可以在视图中指定要使用的控制器，如下所示：

$stateProvider.state('myState', {
    url: '/my-state',
    templateUrl: '/templates/my-state.html',
    controller: 'myController'
});

希望这会有所帮助。