javascript - AngularJS:在 Controller 中初始化嵌套范围变量

Question

我喜欢保持模型名称的命名空间简洁且具有描述性，因此我使用像这样的嵌套模型变量(其中月份和年份嵌套在服务中):

<form data-ng-submit="submit()">
  <select data-ng-model="service.month" data-ng-options="m for m in months"/>
  <input data-ng-model="service.year"/> {{ service.year }}
  <input type="submit"/>
</form>

在我的 Controller 中，我想将 $scope.service.month 和 $scope.service.year 设置为初始值，但我收到一个 javascript 错误 无法设置未定义的属性“year”，所以我猜测 DOM 尚未被解析并且所有 $scope 变量尚未创建。在 Angular 解析 DOM 并创建所有模型之前，如何让一些代码等待运行？

这是我的 Controller :

mod.controller('AddServiceCtrl', [
    '$scope', 
    '$rootScope', 
function($scope, $rootScope) {
  var date = new Date();
  $scope.months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
  $scope.service.year = 2014;   
  $scope.submit = function(){
  };
}])

Answer 1

 $scope.service= {month:'Mar',year:2014};

AngularJS 仍然是 JavaScript。

不幸的是，AngularJS 团队选择将实际上是呈现器(或 View 模型)的东西命名为 controller。这听起来可能没那么重要，但从概念上讲，这是为了理解 controllers 做什么。