Question

我无法使用ng-repat

动态显示角度中的所有json值

这就是我希望使用硬编码值替换的内容

HTML

 <div ng-repeat="user in users">
            {{user.userId}} {{user.userName}} {{user.password}}
        </div>

输出

3 DAve password
4 bob password
4 kjdjkdj
1 names password2

我正在尝试将角度重复写为更通用，因此我可以从猫鼬模型传递任何数量的json聚集。到目前为止我已经

了

<div ng-repeat="(key, value) in users">
        <td> {{key}} </td> <td> {{ value }} </td>
        </div>

通过这个循环，我得到的信息太多，后面有一个输出

0 {"_id":"527a732fe5f8dabf5b00020c","userId":3,"userName":"DAve","password":"password"}
1 {"userId":4,"userName":"bob","password":"password","_id":"527abf6ebaa5eb8426000001","__v":0}
2 {"userId":4,"password":"kjdjkdj","_id":"527d62fc85612ab42b000001","__v":0}
3 {"__v":0,"_id":"528130182c5544b81f000002","password":"password2","userId":1,"userName":"names"}

如何修改以下循环以仅输出userName密码和userId，而不必像在我的第一个循环中那样显式声明它们。

Answer 1

如果要在user内打印所有值，而不知道提前有多少或多少，则可以使用第二个ng-repeat迭代每个对象的键值对。：

<div ng-repeat="user in users">
    <div ng-repeat="(k, v) in user">
          {{v}} 
    </div>
</div>

这只打印值，因为它看起来就像你感兴趣的那部分。显然你可以打印两者。

尝试使用Angular动态显示模型

1 个答案: