摆脱选择标记中的空白条目

Question

我有一些项目从Json对象获取数据并使用angular填充它.

<select ng-model="MyCtrl.cargoList">
    <option ng-repeat="cargo in MyCtrl.cargoList">{{ cargo.name }}</option>
</select>

每当我加载表单时,我会在控制台中得到类似的内容:

<select ng-model="MyCtrl.cargoList">
    <option value="? object:25 "?></option>
    <option value="">Gloves</option>
    <option value="">Jacket</option>
    <option value="">Shoes</option>
</select>

我可以让值看起来很好,但我似乎无法摆脱第一个选项.我不介意选择框显示列表中的第一个元素,但我不希望它是一个空行.我怎么摆脱它？

Answer 1

您需要默认选择第一个选项，ng-init="MyCtrl.selectedCargo=MyCtrl.cargoList[0].name"并且ng-model名称不应与您的cargoList.

标记

<select ng-model="MyCtrl.selectedCargo" ng-init="MyCtrl.selectedCargo=MyCtrl.cargoList[0].name">
    <option ng-repeat="cargo in MyCtrl.cargoList" value="cargo.name">{{ cargo.name }}</option>
</select>

演示程序