为列表项 ng-repeat angular 创建唯一的错误消息

Question

我有一个 HTML 页面来显示用户的帖子。 从服务器获取帖子时，我使用 ng-repeat 将它们显示在列表中，带有正面或负面投票按钮，方式如下：

<div ng-repeat = "z in posts">
    {{z.content}}
    {{z.uploadTime}}
    {{z.uploadingUserNickname}}
    {{z.rating}}                            
<br>                            
<button name= "PositiveVoteBtn" ng-click = "PositiveVote(z)"> Positive vote to Answer</button>
<button name= "NegativeVoteBtn" ng-click = "NegativeAnswerVote(z)"> Negative Vote to Answer</button></div>

当用户投票给一个答案时，服务器会验证用户没有为他自己的帖子投票，并且他没有投过两次票。

如果投票无效，我想在投票按钮旁边显示一条错误消息，但我不确定如何使用 ng-repeat 识别错误消息（以便在控制器中更改它）：如果我在 ng-repeat- 中使用 {{error}}，那么该消息将显示在所有帖子旁边。有什么想法吗？

Answer 1

您可以在帖子z.error 中添加一个可选的错误字段。如果帖子有错误，则显示：<div ng-show="z.error">{{z.error}}</div>。