javascript - 如何以编程方式选择一个选项作为所选选项？

Question

我有一个看起来像这样的 html

<select class="form-control"
    name="settings.provider"
    id="settings.provider"
    ng-model="settings.provider"
required>
    <option value="" disabled selected>Select Provider</option>
    <option value="thisProvider">thisProvider</option>
</select>

我如何以编程方式选择“thisProvider”作为所选选项？

我尝试了这个，但它不起作用:

$scope.settings.provider = "thisProvider";

Answer 1

如果您的选项未与 ng-repeat 绑定(bind)，您可以使用 ng-selected ( https://docs.angularjs.org/api/ng/directive/ngSelected ) 将每个选项绑定(bind)到 Controller 中的设置。在您的 Controller 中，您为每个选项创建一个类似于 $scope.thisProviderSelected 的 bool 值，然后将其设置为您想要选择的选项的 true。

<select class="form-control" name="settings.provider" id="settings.provider"
ng-model="settings.provider" required>
    <option value="" disabled selected>Select Provider</option>
    <option value="thisProvider" ng-selected="thisProviderSelected">thisProvider</option>
</select>

更好的方法可能是使用 ng-repeat 并向列表中的每个项目添加 isSelected 。这样，如果您的列表发生变化，您将自动获得任何新项目。