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

然后，它会起作用

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

1 个答案: