有没有办法在下拉列表中显示先前选择的选项

Question

我的 html 页面中有一个 <select> 元素。 <option> 是通过循环给出的。所选值使用 ng-model 存储。该数据现在被推送到数据库。下次该页面重新加载时，我希望 <select> 字段保留先前选择的选项。有办法吗？

我看到 ng-model 通常会自行填充文本字段。我尝试用 <select>-<option> 做同样的事情，但它不起作用

<select ng-model="option">
  <option value = "" disabled selected>---Choose an Option--</option> 
  <option ng-repeat = "x in option" value="x">{{x}}</option>
</select>

Answer 1

当从基元数组中 selecting 时，使用 ng-options 指令：

angular.module("app",[])
.controller("ctrl", function($scope) {
    $scope.options=["hello","world",1,2,3];

    //set previously selected option
    $scope.option = "world";
    
})

<script src="//unpkg.com/angular/angular.js"></script>
<body ng-app="app" ng-controller="ctrl">
    <select ng-model="option" ng-options="item for item in options">
         <option value = "">---Choose an Option--</option> 
    </select>
    <br>selected={{option}}
<body>

可以 select 将 ng-repeat 与对象数组一起使用，但不能与基元数组一起使用。在幕后，<select> 指令用跟踪信息注释每个选项。它不能注释基元。

有关详细信息，请参阅

AngularJS <select> Directive API Reference - Choosing between ng-repeat and ng-options

有没有办法在下拉列表中显示先前选择的选项

Is there a way to show previously selected option in a dropdown

html

angularjs

ng-options

angularjs-select