AngularJS ng-options没有填充

时间:2015-08-13 14:27:18

标签: angularjs

我有一个绑定到范围的对象数组。然后我的视图通过ng-options访问对象,如下所示:

<div class="tile block box-shadow">
    <form role="form">
        <div class="form-group">
            <label>Reason for change</label>
            <select class="form-control" ng-options="item.value as item.description for item in controller.priceChangeReasons" />
        </div>
    </form>
</div>

但是当您选择它时,下拉列表中没有任何内容。 我已经记录了priceChangeReasons并且可以看到数组正在工作并返回值。 我已经制作了一个代码来展示这个问题:

http://codepen.io/r3plica/pen/XbQzMa?editors=101

我意识到这可能是我的语法错误,但我看不到它。 有人可以帮忙吗?

1 个答案:

答案 0 :(得分:2)

ngOptions指令需要ngModel,只需添加:

<select class="form-control" ng-options="item.value as item.description for item in controller.priceChangeReasons" ng-model="controller.reason" />

所有人都应该工作