각도가 업데이트되지 않습니까?

Question

나는이 변화되지 않는 이유를 잘 모르겠어요 때 바인드되는 오브젝트 변경 :

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

내 자바 스크립트 : 항상 아무것도 표시되지 않습니다 어떤 이유

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

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

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

, 또는 $ scope.account = "ANY STRING"을 설정하면 "ANY STRING"이 표시되지만 close 함수가 호출되면 업데이트되지 않습니다.

Answer 1

좋아, 바이올린 시도. 먼저 동일한 기능을 가리키는 2 개의 ng 컨트롤러 지시문이 있습니다. 두 번째로 나는 여기의 도메인을 정말로 이해하지 못한다. 그러나 나는 이것이 당신이 필요로하는 것이라고 생각한다. Heres a 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>