angular select 和 ng-option 绑定

Question

我无法使 ng-option 正常工作。我有一个值 alarm.type，我想要一个按 $scope.weekTypes.

获得的期权收益列表

这里是我到目前为止的尝试：

        $scope.weekTypes = ["null", "sunday", "monday", "tuesday", "wednesday", "thursday", "Friday", "saturday", "Week", "Week end", "All days"];

<div class="AL_box" ng-repeat="alarm in alarms">
<label for="type"> Type: </label>
<select name="type" ng-model="SelectType" ng-option="weekType as alarm.Type for weekType in weekTypes">
</select>

Answer 1

我假设 alarm.Type 具有此警报的 selected 值。首先，你有一个错误，ng-option 不存在，是 ng-options，你必须将 select 模型定义为 alarm.Type，因为这将是数据所在的位置被绑定。

结果是：

<select name="type" ng-model="alarm.Type" ng-options="weekType as weekType for weekType in weekTypes">

这是一个jsfiddle

Answer 2

好的，您在这里做错了几件事：

在 as ... 中声明的是选项将 显示的内容 因此可以单击：它需要 weekType.
如果您希望 select 元素更改 alarm.type 属性，则您的 ngModel 需要绑定到 alarm.type
你使用了 ng-option 而你实际上想要 ng-options 和 s.

这里有一个working JSFiddle可以作为参考:)

angular select 和 ng-option 绑定

angular select and ng-option binding

angularjs

ng-options