javascript - 为列表项 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 识别错误消息(以便在 Controller 中更改它):如果我在 ng-repeat- 中使用 {{error}}，则该消息将显示在所有帖子旁边。有什么想法吗？

Answer 1

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