在ng重复中更改angularJS中的类

Question

我有两个css类triangle和triangleo

<div class="triangle" ng-repeat="chatdata in chats">
<p>{{chatdata.msg}}</p>
<p> {{chatdata.time}}</p>
</div>

因此，如果chatdata.usrId == 123类应该是triangle class triangleo

Answer 1

您可以简单地使用ng-class

<div ng-class="chatdata.usrId === 123 ? 'triangle' : 'triangleo'" ng-repeat="chatdata in chats">
   <p>{{chatdata.msg}}</p>
   <p> {{chatdata.time}}</p>
</div>