AngularJS ne se met pas à jour?

Question

Je ne sais pas pourquoi cela ne change pas lorsque ses changements d'objet liés:

Mon HTML:

<div id="account-info" ng-controller="AuthenticateCtrl"> 
    <h5>Account: </h5> 
    {{account}} 
</div> 
<div ng-controller="AuthenticateCtrl"> 
    <div modal="shouldBeOpen" options="opts"> 
     <div class="modal-header"> 
      <h3>Select your account</h3> 
     </div> 
     <div class="modal-body"> 
      <div class="account-btn" ng-repeat="item in items" ng-click="close(item)"> 
       {{item}} 
      </div> 
     </div> 
    </div> 
</div> 

JavaScript My:

var AuthenticateCtrl = function ($scope) { 
    $scope.account= ""; 

    $scope.open = function() { 
     $scope.shouldBeOpen = true; 
    }; 

    $scope.close = function(item) { 
     if (item) { 
      $scope.shouldBeOpen = false; 
      $scope.account= item; 
     } 
    }; 
} 

Pour une raison quelconque, il affiche toujours rien, ou si je mets $ scope.account = "ANY STRING" il affichera "N'IMPORTE QUELLE CHAÎNE" mais ne se mettra pas à jour quand la fonction de fermeture sera appelée.

Answer 1

Ok une tentative avec violon. Premièrement, vous avez deux directives ng-controller qui pointent vers la même fonction. Deuxièmement, je ne comprends pas vraiment le domaine ici, mais je suppose que c'est ce dont vous avez besoin. Voici un fiddle.

<div ng-controller="AuthenticateCtrl"> 
<div id="account-info"> 
    <h5>Account: </h5> 
    {{account.name}} 
</div> 
<div> 
    <div modal="shouldBeOpen" options="opts"> 
     <div class="modal-header"> 
      <h3>Select your account</h3> 
     </div> 
     <div class="modal-body"> 
      <div class="account-btn" ng-repeat="item in items" ng-click="close(item)"> 
       {{item.name}} 
      </div> 
     </div> 
    </div> 
</div> 
</div> 

<script> 
var myApp = angular.module('myApp',[]); 

var AuthenticateCtrl = function ($scope) { 

    $scope.opts = {}; 
    $scope.account = {}; 

    $scope.items = [ 
     {'name':'one'}, 
     {'name':'two'} 
    ]; 

    $scope.open = function() { 
     $scope.shouldBeOpen = true; 
    }; 

    $scope.close = function(item) { 
     if (item) { 
      $scope.shouldBeOpen = false; 
      $scope.account= item; 
     } 
    }; 
} 
</script>