javascript - 在 Angular :how to get "selected" option by ng-selected

Question

我昨天正在学习 Angular，并做了一个简单的演示。

这是我选择的组:

<select class="form-control" size="5">
       <option ng-repeat="m in duringList" ng-bind="m" ng-selected="user.m"></option>
</select>

这是保存按钮:

<button type="button" class="btn btn-success btn-lg btn-block" ng-click="save()">Save</button>

在 Controller 中:

$scope.save =function () {

    console.log($scope.user.m);
}

我尝试了一下，但它是未定义的。

我只是期望当我选择一个选项并单击“保存”按钮时，我可以在不使用 Jquery 的情况下获取选项中的值。所以请帮忙~~非常感谢。

Answer 1

使用ng-options并将选择绑定(bind)到user.m。

<select ng-model="user.m" ng-options="m for m in duringList"></select>

<小时/>

如果您想设置默认选择，只需将 user.m 设置为适当的值即可。例如，在您的 Controller 中

$scope.user.m = $scope.user.m || $scope.duringList[0];

Plunker