在angular中正确迭代键值对

properly iterate through key value pair in angular

本文关键字：迭代 键值对 angular      更新时间：2023-09-26

我从服务器得到以下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"]

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>

演示->http://plnkr.co/edit/0dOM0ZUCKXFXX2Y2a7a3?p=preview

相关文章：