Javascript AngularJS没有更新？

我不确定当绑定对象发生变化时，为什么这一点没有改变：

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

---

出于某种原因，它总是不显示任何内容，或者如果我设置$scope.account=“ANY STRING”，它将显示“ANY STRING”，但在调用close函数时不会更新

好，用小提琴试一下。首先，有两个ng控制器指令指向同一个函数。其次，我不太了解这里的领域，但我猜这就是你需要的。这是一张支票

账户：
{{account.name}
选择您的帐户
{{item.name}
var myApp=angular.module（'myApp'，[]）；
var AuthenticateCtrl=函数（$scope）{
$scope.opts={}；
$scope.account={}；
$scope.items=[
{'name'：'one'}，
{'name'：'two'}
];
$scope.open=函数（）{
$scope.shouldBeOpen=true；
};
$scope.close=功能（项）{
如果（项目）{
$scope.shouldBeOpen=false；
$scope.account=项目；
}
};
}

确定尝试使用小提琴。首先，有两个ng控制器指令指向同一个函数。其次，我不太了解这里的领域，但我猜这就是你需要的。这是一张支票

账户：
{{account.name}
选择您的帐户
{{item.name}
var myApp=angular.module（'myApp'，[]）；
var AuthenticateCtrl=函数（$scope）{
$scope.opts={}；
$scope.account={}；
$scope.items=[
{'name'：'one'}，
{'name'：'two'}
];
$scope.open=函数（）{
$scope.shouldBeOpen=true；
};
$scope.close=功能（项）{
如果（项目）{
$scope.shouldBeOpen=false；
$scope.account=项目；
}
};
}

您不显示在何处调用close或项目是什么。此外，您可能还应该遵循使用始终具有。在HTML的引用中。那么…close函数是如何调用的？抱歉，编辑为包含模式调用close。您没有显示close调用的位置或项目。此外，您可能还应该遵循使用始终具有。在HTML的引用中。那么…close函数是如何调用的？抱歉，编辑后包含了模式调用close。它有两个单独的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;
        }
    };
}

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