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

时间:2016-02-13 12:35:07

标签: javascript html angularjs web ng-repeat

我有一个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}},那么所有帖子旁边都会显示消息..任何想法?

1 个答案:

答案 0 :(得分:1)

您可以向帖子z.error添加可选的错误字段。如果帖子有错误,请显示:<div ng-show="z.error">{{z.error}}</div>