无法使用ng-options删除空白选项

Question

我有问题ng-options.我无法摆脱ng-options选择中的空白选项.

我有两个选择对象,都有一个ng-options.第二个选择的显示选项基于第一个选项.当我更改第一个选择的选项时,第二个选项最初显示一个空白选项.

我尝试了几种解决方案,但无法修复它.

我的目标:

$scope.mySpecs = {  
    "1": {
        "name": "Name 1",
        "options": {
            "1": "option 1",
            "2": "option 2",
            "3": "option 3"
        }
    },
    "5": {
        "name": "Name 5",
        "options": {
            "6": "option 6",
            "7": "option 7",
            "8": "option 8"
        }
    }
};

我的两个选择:

<select ng-model="selectedSpecs.name" ng-options="k as v.name for (k, v) in mySpecs" ng-change="setVals()">
    </select>

    <select ng-model="selectedSpecs.option" ng-options="k as v for (k, v) in mySpecs[selectedSpecs.name].options"></select> 

这是一个小提琴:

https://jsfiddle.net/byvpx7mn/3/

谢谢你的帮助!

Answer 1

你可以做一件事使用Object.keys并选择第0个键.

$scope.selectedSpecs.name = Object.keys($scope.mySpecs)[0];

如果你不想在第二次选择设置第一个选项中为null.

<option value="" ng-if="false"></option>

小提琴