如何使由AngularJS生成的选择列表中的preselection？

问题描述

 ＆LT;选择NG模型=team.captainNG选项=player.name在team.players播放器＆GT;＆LT; /选择＆GT;
 

这正确地创建了一个选择列表中选择队长。但是，默认的空白选项。怎能preSELECT从列表中呢？

的第一个球员

 ＆LT;选择NG模型=team.captainNG选项=player.name在team.players球员级=NG-原始NG-有效＆GT ;
  ＆LT;期权价值=0＆GT;约翰和LT; /选项＆GT;
  ＆LT;期权价值=1＆GT;鲍比＆LT; /选项＆GT;
＆LT; /选择＆GT;
 

我尝试添加 NG-的init =team.captain ='0'但这并没有帮助。

更新显然，这是因为

Source: Why does angularjs include an empty option in select

However, the question still remains why using ng-init doesn't work?

<select ng-init="team.captain='0'" ng-model="team.captain" ng-options="player.name for player in team.players"></select>

解决方案

Here's what worked:

<select ng-init="team.captain=team.players[0]" 
        ng-model="team.captain" 
        ng-options="player.name for player in team.players"></select>

And what didn't work:

ng-init="team.captain='0'"
ng-init="team.captain='John'"

My guess is that Angular goes beyond simple comparison of values or labels. It probably compares object references.

这篇关于如何使由AngularJS生成的选择列表中的preselection？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！