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

Question

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

例如，查看：

<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将指向正确的函数，这就是 angular 刚刚发现的。