Javascript 如何对嵌套JSON使用ng repeat绑定键值

如何使用ng repeat绑定以下JSON中的键值

例如，我想展示和平生活工具的价值。 然后单击鼠标，希望在下一页中显示其子对象数据

var冥想数据={
“和平”：{
“呼吸”：{
“五分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————————，
“三分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————————，
“描述”：“一些描述一些描述一些描述…”，
“十分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————”
},
“休息”：{
“五分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————————，
“三分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————————，
“描述”：“一些描述一些描述一些描述…”，
“十分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————”
}
},
“生活工具”：{
“丰富”：{
“五分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————————，
“三分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————————，
“描述”：“一些描述一些描述一些描述…”，
“十分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————”
},
“耐心”：{
“五分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————————，
“三分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————————，
“描述”：“一些描述一些描述一些描述…”，
“十分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————”
},
“绑架”：{
“五分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————————，
“三分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————————，
“描述”：“一些描述一些描述一些描述…”，
“十分钟”：http://s1281.ve.vc/data/128/35750/276391/Shoon_Shaan_（iTunes）————————”
}
}
};首先，您需要在数组中获取
冥想数据
的键，为此，请使用以下行：

Object.keys(meditationData);

上面的代码返回如下数组：[“和平”，“生活工具”]

借助返回的数组，您可以在模板中执行
ng repeat
。
在ng click函数中，获取单击的键作为参数，并根据接收到的值显示相应的数据。
首先，您需要获取数组中的
冥想数据的键，为此，请使用以下行：

Object.keys(meditationData);

上面的代码返回如下数组：[“和平”，“生活工具”]

借助返回的数组，您可以在模板中执行
ng repeat
。
在ng click函数中，将单击的键作为参数，并根据接收到的值显示相应的数据。
您可以使用
ng repeat=“（键，值）In data”
类似于

<ul>
  <li ng-repeat="(key, value) in meditationData">
    <a href="#" ng-click="view(key)">{{key}}</a>
  </li>
</ul>






编辑：
请参见您可以使用
ng repeat=“（键，值）在数据中”
如

<ul>
  <li ng-repeat="(key, value) in meditationData">
    <a href="#" ng-click="view(key)">{{key}}</a>
  </li>
</ul>






编辑：
请参见
这将达到目的

<select ng-model="values" ng-options="value as key for (key,value) in meditationData"></select>

这样就行了

<select ng-model="values" ng-options="value as key for (key,value) in meditationData"></select>

这是


{{key}}:{{value}
这里是


{{key}}:{{value}
您可以使用ObjectDefinedScope中的ng repeat=“（键，值）”重复每个对象



{{key1}}


{{key2}}

{{key3}}:{{value3}







注意：这是AngularJS的优点，它帮助您将HTML扩展为更具表现力和可读性的格式
您可以使用ObjectDefinedScope中的ng repeat=“（键，值）”重复每个对象



{{key1}}


{{key2}}

{{key3}}:{{value3}







注意：这就是AngularJS的优点，它可以帮助您将HTML扩展为更具表现力和可读性的格式
您的代码缺失。对不起，我的错误。我一直在找一些HTML。没关系。我只是想知道如何在这种JSONY中使用ng repeat。您的代码丢失了。对不起，我的错误。我一直在找一些HTML。没关系。我只想知道如何在这种json中使用ng repeat不需要获取密钥，因为他可以在数据中使用
ng repeat=“（key，value）”
。仅为键创建数组会增加开销。无需获取键，因为他可以在数据中使用
ng repeat=“（键，值）”
。仅为键创建数组会增加开销。感谢您的回复，但会出现错误。冥想数据找不到变量Bro您能再次帮助我吗？单击我只获取键值。但我想把所有数据都放在钥匙里？？plz HELP ng点击触发方法
查看（键）
，选择键作为参数。然后，您可以转换到一个新的状态，或者用数据显示一个模态<代码>$scope。
<ul>
    <li ng-repeat="(key1,value1) in meditationData">
        {{key1}}
         <ul ng-repeat="(key2,value2) in value1" >
            <li>
                {{key2}}
                <ul ng-repeat="(key3,value3) in value2" >
                    <li>{{key3}} : {{value3}}</li>
                </ul>
             </li>
        </ul>
    </li>

</ul>