Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – Angular ng-repeat列出具有未知属性名称的对象中的所有项目大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我对(真正的) javascript很新,对Angular很新

我正在为家庭自动化编写一个应用程序.该应用程序返回一个设备列表,然后当您单击某个设备时,它会通过JSON返回它的详细信息(如下例所示).我遇到的问题是不同的设备类型在对象中返回不同的名称值对,我赢了;事先知道这些. (例如,灯开关将返回调光水平,但恒温器返回传感器水平.

显然,我的应用程序只能处理具有已知属性内容(例如,如果它是光线,则设置调暗级别),但用户可能希望查看所有属性.他们是否可以使用Ng-repeat列出所有名称值对而不知道属性名称

例:

{
    "name": "1-Wire Test1","address": 0,"addressStr": "unkNown","classID": 3,"devProtocol": 999,"displayInUI": true,"displayLongState": "76.7 °F","displayRawState": "76.700000","folderID": 1418405935,"hasStateToDisplay": true,"id": 704024169,"lastChanged": 456266814,"lastChangedDateStr": "2014-06-16","lastChangedRFC3339": "2014-06-17T01:46:54Z","lastChangedRFC822": "Tue,17 Jun 2014 01:46:54 GMT","lastChangedtimestr": "08:46:54 PM","sensorValue": "76.7 °F","type": "1-Wire Temperature Sensor","typeFlags": 81,"typeSupportsDim": false,"typeSupportsEnergymeter": false,"typeSupportsHVAC": false,"typeSupportsIO": false,"typeSupportsOnOff": false,"typeSupportsSensorValue": true,"typeSupportsSpeedControl": false,"typeSupportsSprinkler": false,"versByte": 0,"restParent": "devices"
}

解决方法

当然,在重复语法中使用(k,v):

例如:

<span ng-repeat="(property,value) in phoneProperties">{{property}} : {{value}}</span>

大佬总结

以上是大佬教程为你收集整理的angularjs – Angular ng-repeat列出具有未知属性名称的对象中的所有项目全部内容,希望文章能够帮你解决angularjs – Angular ng-repeat列出具有未知属性名称的对象中的所有项目所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。