angularjs - 在 Angularjs 动态选择器中设置初始默认值

Question

有谁知道如何在 Angularjs Select 中设置初始默认选项？

下面的“myMapByCmd”是一个

 LinkedHashMap<String, List<String>>

因此 item 中的“value”作为 item for item in value track by $index"是一个 List<String> 。
如果我将“选择值”放在后端列表中的第一个位置，选择器最初会显示/选择列表中的最后一项。

伙计，一定有一个简单的方法来做到这一点(该死的 Angular 太笨拙了!)

        <table> 
                        <tr ng-repeat="(key,value) in myMapByCmd">
                        <td><label>{{key}} Title:</label></td>

                        <td>
                            <select name="my_val_sel"
                                    ng-init="mycommand.myValue[$index] = value[0]"
                                    ng-model="mycommand.myValue[$index]"
                                    ng-options="item as item for item in value track by $index"                                     
                                    ng-change="changeMyValue()">
                            </select>
                        </td>               
                    </tr>    
            </table>

如果我这样做，它会显示最后和未选择的...

     <select name="my_val_sel" ng-model="mycommand.myValue[$index]"
     ng-options="item as item for item in value track by $index" 
    ng-change="changeMyValue()">
  <option value="" ng-selected="selected">FACK</option>
 </select>

myMapByCmd JSON 如下所示: { “一”: [ “我的唯一”， “我的两个”， “我的三” ]

谢谢!

Answer 1

基于其使用的数据，我创建了演示 here .如果数据格式相同并且您正在寻找类似的结果，则无需使用 $index 跟踪。

HTML

<div ng-app="myApp" ng-controller="myCtrl">

<table> 
                        <tr ng-repeat="(key,value) in myMapByCmd">
                        <td><label>{{key}} Title:</label></td>

                        <td>
                            <select name="my_val_sel"
                                    ng-init="mycommand.myValue[$index] = value[0]"
                                    ng-model="mycommand.myValue[$index]"
                                    ng-options="item as item for item in value"   
                                    ng-change="changeMyValue()">
                            </select>
                        </td>               
                    </tr>    
            </table>
</div>

JS

var app = angular.module('myApp', []);
app.controller('myCtrl', ['$scope', function($scope) {

  $scope.myMapByCmd = { "ONE": [ "my-one", "my-two", "my-three" ],                                              
                        "TWO": [ "my-one", "my-two", "my-three" ],
                        "THREE": [ "my-one", "my-two", "my-three" ]}
}]);