AngularJS: Initialiser imbriquée portée des variables dans le contrôleur

Je tiens à garder mon espace de noms de noms de modèle propre et descriptive, donc j'utilise imbriqués les variables du modèle comme ceci (où le mois et l'année sont imbriquées dans le service):

<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>

Et dans mon contrôleur, je veux mettre $scope.service.month et $scope.service.year aux valeurs initiales, mais j'obtiens une erreur javascript Cannot set property 'year' of undefined, donc je suppose que le DOM n'a pas été analysé et tous les $scope variables n'ont pas encore été créé. Comment puis-je avoir un code d'attendre pour s'exécuter jusqu'à ce que le DOM a été analysé par Angulaire et tous les modèles ont été créés?

Voici mon 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(){
  };
}])

OriginalL'auteur Tyler | 2014-03-21

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

    AngularJS est encore JavaScript.

    La AngularJS équipe, malheureusement, a choisi de nommer ce qui est en fait un présentateur (ou d'un modèle de vue), un controller. Il peut ne pas sembler important, mais, conceptuellement, c'est dans le but de comprendre ce qui controllers faire.

    alternativement, il peut faire $scope.service = {}, puis faire des choses comme $scope.service.foo = bar

    OriginalL'auteur mpm

  2. 4

    Le problème est que le $scope.service objet est undefined, de sorte qu'il est de ne pas définir un year de la propriété sur à l'intérieur de la manette, pas de la vue. Pour ce faire, vous devez définir service objet sur la portée comme ceci:

    $scope.service = {};

    ensuite, vous pouvez définir des valeurs par défaut pour le modèle sur le contrôleur ou dans la vue:

    Option contrôleur

    $scope.service = {};
$scope.service.year = 2014;

    ou 

    $scope.service = {
    year: 2014,
    month: $scope.months[3]   //to default to 'Apr'
};

    Option D'Affichage De L'

    <form data-ng-submit="submit()" 
      data-ng-init="service.year=2014; service.month=months[3]">
    ...
</form>

    de toute façon, vous devez créer le service objet sur le champ d'application afin de définir les propriétés de ce sujet. l'utilisation de l'objet de la notation littérale ({}) pour le créer.

    OriginalL'auteur ryan.l