单击一个设置模型

Question

当我点击模型时，我想为该模型设置一个全局变量。

我的模型列表由以下人员发起：

<div class="card-body card-padding " ng-controller="ContactListCtrl"> 
                    <div>
                        <div class="contactperson" ng-model="selcon" ng-click="setContactPerson(contact);" ng-repeat="contact in allcontacts ">
                            {{contact.firstname}} {{contact.lastname}}
                        </div>
                    </div>

                </div>

然后将模型加载到：

<div class="pmbb-body" ng-controller="ContactListCtrl">
                                    <div class="pmbb-view" >
                                         <strong ng-model="selcon.initial">T.a.v {{ selcon.initial}} {{ selcon.lastname}}</strong><br/><br/>
                                         <div data-toggle="popover" id="contactaddresses" title="Adressen" data-content=""></div>
                                         <br/> <br/>
                            Telefoon: {{ selcon.phone}}<br/>
                            Fax: {{ selcon.fax}} <br/>
                            {{ selcon.email}} <br/>

我第一次手动调用setContactPerson（allcontacts [0]）时，它确实设置了全局变量，但是稍后当我触发ng-click时它不会。

AngularJS：

 $scope.setContactPerson = function (el) {
        $scope.selcon = el;
};

以下评论中的解决方案：

每次ng-controller =＆＃34; Controller＆＃34;被调用时，定义了一个新的$ scope。通过使用嵌套控制器，仍然可以使用多个控制器。