如何在AngularJS中有条件地设置选定的属性

时间:2014-11-04 16:03:27

标签: angularjs ionic-framework ng-options angularjs-ng-options

我有一个像这样的选择字段:

<select ng-init="exchangeOption = widget.content.exchange[0]" 
    ng-Model="exchangeOption" 
    ng-options="exchangeOption.title for exchangeOption in widget.content.exchange"
    ng-change="internalLink(exchangeOption.url)">
</select>

如您所见,现在我总是选择第一个选项。但实际上是&#34;交换&#34;有一个&#34;选择&#34; -field,这是一个布尔值,如果该选项应该是选中的那个,则设置为true。

你会怎么做?

提前致谢!

2 个答案:

答案 0 :(得分:3)

您可以通过过滤交换来编写返回所选交换选项的方法。

<select ng-init="exchangeOption = getSelectedExchange()" 
 ng-Model="exchangeOption" ng-options="exchangeOption.title for exchangeOption in widget.content.exchange"
 ng-change= "internalLink(exchangeOption.url)"> </select>

答案 1 :(得分:1)

为项目解决了这个问题,但最终发现您可以通过控制器中的设置来设置所选项目: 编辑:我的错误读了我的代码错误..

$scope.exchangeOption = selecteditemvalue