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

Question

我有一个 HTML 页面来显示用户 post。 当从服务器获取 posts 时，我使用 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>

当用户为答案投票时，服务器会验证用户没有为自己的答案投票 post，并且他没有投票两次。

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

Answer 1

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