AngularJs-在ng单击时应用条件

我正在制作一个angularjs应用程序，其中有一个来自

ng repeat

的用户列表。现在，每当我单击任何用户时，都会打开一个新的div框。但问题是，有多个盒子为同一个用户打开，我只想为一个用户打开一个盒子。 我尝试使用

ng if

，但失败了。 我正在分享我的代码，请检查并提供解决方案，提前感谢

用户列表中的代码即将出现：

      <div class="people">
            <div ng-repeat="user in vm.otherUsers | filter : vm.search">
                <div directive class="person" ng-click="vm.activateChat(user);bubble=true;" id="chat_{{user.id}}" ng-disabled="true">
                    <img alt="" />
                    <span class="name" >{{user.firstName}} {{user.lastName}} 
                        <span ng-if="!bubble && user.counter>0" class="noti_bubble">{{user.counter}}</span>
                    </span>
                </div>
            </div>
        </div> 

{{user.firstName}{{user.lastName}}
{{user.counter}}

然后单击activateChat打开该用户的新框。 该框的代码为：

      <div ng-repeat="chatUser in vm.multipleUsers">

        <div class="msg_box" id="d_{{chatUser.id}}">
                --box content--
        </div>
       </div>

--盒子内容--

---

注意：单个用户只能打开一个框

您可以在控制器中保留每个用户ID打开的框列表。然后向控制器添加一个函数，您可以在ng if或ng类中使用该函数来显示不可单击的div版本。使用相同的列表检查是否应在vm.activateChat（）中打开新模式。

我看不到打开该框的代码。盒子是指模型盒子吗？您的代码中的

指令是什么，请提供其代码？请提供变量“vm”的json。我认为应该是user.multipleuser而不是vm.multipleuser。但在得到“Vm”的json后可以给出适当的解决方案