angularjs - 如何将默认 Angular 选择选项设置为最后一个选项？

Question

我有以下代码。我正在尝试将默认选项设置为选择框中的最后一个选项。如果我在 ng-init 中对长度进行硬编码，它会起作用。 ng-init="mySelect = 3"但不是 ng-init="mySelect = myData.length-1"
任何想法如何将其设置为最后一个选项？

$scope.myData = ['a','b','c'];

<select class="form-control" ng-init="mySelect = myData.length-1" ng-model="mySelect">
    <option ng-repeat="$index in  myData" value="{{ $index }}" >Select This Option #({{ $index+1 }})</option>
</select>

Answer 1

使用 ng-selected和 $index我们可以有条件地设置计数器 ng-selected="true"对于最后一个选项，请检查 $index等于您 myData 的最后一个索引数组 ( myData.length - 1 )。例如:

<option ng-selected="{{$index === myData.length - 1}}"></option>

或者正如@wickY26 所指出的，我们也可以使用 $last 来实现这一点。 :

<option ng-selected="$last"></option>

但是，您应该查看 ng-options directive这是 ng-repeat 的特定实现行为，但对于 <select>元素:

<select 
    class="form-control"
    ng-init="mySelect = myData[myData.length - 1]"
    ng-model="mySelect"
    ng-options="data for data in myData">
</select>