javascript - 在 angular.js 中选择默认选项 ng-option

Question

感谢您阅读我的问题。我知道有类似的问题，但我还没有解决我的问题，所以我发布我的问题。我想通过单击一些超链接选项来为下拉列表分配一个值。问题是我永远无法选择任何值。

<select class="form-control" ng-model='obj.animal' id='animal' name='animal'  
    ng-options="opt as opt.animal for opt in aAnimals  track by opt.animal">
          <option style="display:none" value="">Select an animal</option>
</select>

<div ng-repeat='item in aAnimals'>
 <a href='' ng-click='changeval($index)' >{{item.animal}}</a>
</div>

//********controller********//

$scope.obj = {}
$scope.aAnimals=[{ "animal": "cat", "color": "white"},{ "animal": "dog", "color": "black"}]

$scope.changeval=function(index){
  $scope.obj.animal=$scope.aAnimals[index].animal;
}  

http://plnkr.co/edit/8z51qlqfodGSRA1Rv3UH?p=preview

Answer 1

选项是数组中的项目。所以你需要将行更改为:

$scope.obj.animal=$scope.aAnimals[index]; // Remove .animal