正确迭代角度

时间:2015-11-07 18:59:59

标签: javascript ruby-on-rails json angularjs

我从服务器获取以下json响应

{"errors":{"email":["is invalid"],"password":["can't be blank"]}}

我在控制器中将它设置为名为"错误"并在我看来使用它

这是我的观点

<div class="alert alert-danger" role="alert" ng-show="errors" ng-repeat="error in errors">
    <li ng-repeat="(key, value) in error">{{key}} {{error[key]}}</li>
</div>

问题在于它也显示了值的数组。如何正确循环,以便它不会显示带有数组符号的值和它们周围的引号。

这就是我现在要做的事情

email ["is invalid"]
password ["can't be blank"]

1 个答案:

答案 0 :(得分:1)

value实际上是包含一个项目的数组,因此请使用value[0]

<div class="alert alert-danger" role="alert" ng-show="errors" ng-repeat="error in errors">
   <li ng-repeat="(key, value) in error">{{ key }} {{ value[0] }}</li>
</div> 

演示 - &gt;的 http://plnkr.co/edit/0dOM0ZUCKXFXX2Y2a7a3?p=preview