Angularjs Angular js：如何使用ng单击和ng if

我已经用angular JS创建了一个聊天室，现在我想在我点击任何用户时显示通知气泡。我尝试使用这个与ng点击和ng如果，但失败了。 这是我正在使用的代码

     <div class="people"  >
            <div ng-repeat="user in allCompanyUsers">
                <div class="person" ng-click="activateChat(user)" id="chat_{{user.id}}">
                    <img alt="" />
                    <span class="name" >{{user.firstName}} {{user.lastName}}
                    <span   ng-show="!user.showNotification" class="noti_bubble">5</span> 


                    <span class="preview"></span>
                </div>
            </div>
        </div>  

目前，计数是硬编码的。 在这里，所有用户都显示5个气泡，但我希望只有选定的用户将显示气泡

---

感谢您的任何帮助。如果您希望将其与ng一起使用，请提前感谢

，如果：

<div ng-if="bubble">
    //bubble code : set bubble to false when it close
    // use currentUser variable
</div>

<button ng-click="currentUser = user;bubble=true"></button>

//气泡代码：关闭气泡时将其设置为false
//使用currentUser变量

---

请注意，我为ng click更改了div by button，因为我不确定div元素是否支持click事件，所以选择button或a或select标记。

我认为一个选项是为视图模型设置一个名为selected的属性。在角度控制器中，单击用户时，应将此属性的值设置为true

$scope.user.selected = true;

并且仅显示与该特定用户关联的气泡计数（如果已选中）

<span ng-show="user.selected" class="noti_bubble">{{user.bubbleCount}}</span>

{{user.bubbleCount}

试试这个

<div class="people"  >
            <div ng-repeat="user in allCompanyUsers">
                <div class="person" ng-click="activateChat(user)" id="chat_{{user.id}}">
                    <img alt="" />
                    <span class="name" >{{user.firstName}} {{user.lastName}}
                    <span ng-class="user != 0 ? 'noti_bubble' : ''"</span> 
                    <span class="preview"></span>
                </div>
            </div>
        </div>  

{{user.firstName}{{user.lastName}}
在所有用户中是否有标识用户的状态？能否提供activateChat（）函数的实现？
<div class="people"  >
            <div ng-repeat="user in allCompanyUsers">
                <div class="person" ng-click="activateChat(user)" id="chat_{{user.id}}">
                    <img alt="" />
                    <span class="name" >{{user.firstName}} {{user.lastName}}
                    <span ng-class="user != 0 ? 'noti_bubble' : ''"</span> 
                    <span class="preview"></span>
                </div>
            </div>
        </div>