Angular JS ng-options无法访问对象内部的对象

Question

我正在尝试创建将是动态的几个选择按钮，对于第一个选择按钮，使用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

这样就可以了