Question

我不明白控制器如何连接Hawtio项目中的视图。

例如，view：

<div ng-controller="Core.AboutController">
  <div class="welcome">
    <div class="about-display" compile="html"></div>
  </div>
</div>

控制器声明：

module Core {
  export function AboutController($scope, $location, jolokia, branding, localStorage) {
    //...
  }
  //...
}

我希望找到类似的东西：

angular.module('moduleName').controller('Core.AboutController', Core.AboutController);

但没有找到。它是如何工作的？

Answer 1

只需查看您发布的HTML示例第一行中的属性即可。

ng-controller="Core.AboutController"

有（据我所知）两种方法将视图与控制器相关联。第一个是带有一个属性，就像在这个例子中一样。第二个是配置路由器：

angular.module('MyApp', ['Core.Aboutcontrollers']).
config(['$routeProvider', function($routeProvider) {
    $routeProvider.when('/path', {templateUrl: 'partials/myfile.html'   });
}]);

不要同时执行这两项操作，否则将调用您的控制器两次。

Answer 2

这是有效的，因为在没有任何角度注册，angular.module('moduleName').controller('Core.AboutController'角度看window并尝试解决它。这是什么

module Core {
  export function AboutController

一样。在此行之后window.Core.AboutController将指向正确的函数，这就是刚刚找到的角度。

角度控制器如何与视图绑定？

2 个答案: