javascript - 我的 Angular ng-foreach 绑定(bind)有什么问题？

Question

我有以下验证摘要:

<div ng-if="client.showValidations" class="validation-summary-errors text-danger">
    <span>There be errors!</span>
    <ul>
        <li ng-repeat="(key, value) in client.validationErrors">{{value}}</li>
    </ul>
</div>

其中 validationErrors 是具有 key 和 value 属性的对象集合。当我遇到验证错误时，摘要会显示如下:

{"key":"FullName","value":"The FullName field is required."}

当我尝试仅显示值时，我看到整个对象作为文字输出。我在哪里误入歧途以及如何误入歧途？

Answer 1

这是一个对象集合，所以我假设它看起来像:

[ {key: "1", value: "value1"}, {key: "2", value: "value2"}, ... ]

您正在做的是对数组进行迭代，并且您收到元素:

{key: "1", value: "value1"}

您可以尝试以下方法:

<div ng-if="client.showValidations" class="validation-summary-errors text-danger">
<span>There be errors!</span>
<ul>
    <li ng-repeat="error in client.validationErrors">{{error.value}}</li>
</ul>