Angular 用于访问对象内部对象的 JS ng-options 不起作用

Question

我正在尝试创建几个 select 动态按钮，第一个按钮使用 ng-options 效果很好。

<select ng-options="muscles.name for muscles in bigdata.muscles track by muscles.id" ng-model="selected"></select>

现在第二个，简单的不行，或者打印不出来

<select ng-options="exercises.name for exercises in bigdata.exercises" ng-model="selected"></select>

第三个打印了整个数组，而不是将其分开。

   <select ng-options="reps for reps in bigdata.muscles.reps" ng-model="selected"></select>

我的 Json 文件如下所示：

{   
"name": "Gym App",
"muscles":[
        {
            "id":1,
            "name": "chest",
            "reps": [4,6,7,8,9,10,11,12],
            "weight": [2,4,6,8,10,12,16,18,20,22,24,26,28,30],
            "image": "img/muscles/chest.jpg",
            "exercises": [
                {
                    "name": "ALTERNATING FLOOR PRESS",
                    "rating": 6.1
                }, (and goes on with exercises)...

对象中的对象是否需要区别对待？

谢谢

Answer 1

有些错误。 muscles 是数组，不是对象。

2) 将 bigdata.exercises 替换为 bigdata.muscles[0].exercises

3) 将 bigdata.muscles.reps 替换为 bigdata.muscles[0].reps

然后，它会起作用

Angular 用于访问对象内部对象的 JS ng-options 不起作用

Angular JS ng-options to access object inside object not working

javascript

angularjs

ng-options

angularjs-ng-options