如何为选项 angular 设置默认值

Question

我有select这样的

<select  ng-model="form.data">
    <option  value="c" ng-repeat="c in data">{{c}}</option>     
</select>

$scope.data= response.data

当我更改 select 并单击保存时。它在数据库中保存成功。我想要什么时候刷新页面。 select 显示我保存在数据库中的值。我怎样才能做到这一点。请帮助我

Answer 1

使用ng-selected

<select ng-model="form.data">
  <option value="c" ng-repeat="c in data" ng-selected="c == form.data">{{c}}</option>
</select>

Answer 2

对于正在 Angular 中寻找答案的人 | angular 2 | angular 4

尝试使用 NgValue 并确保您的默认选项值是模型，因此 NgValue="ModelName"

    <select  ng-model="form.data">
      <option  NgValue="form.data">yourdefaultoption</option>
      <option  NgValue="c" ng-repeat="c in data">{{c}}</option>
    </select>

Answer 3

最好的方法是使用 ng-options 指令：

<select ng-model="form.data" ng-options="c for c in data"></select>

这样，当刷新您的页面时，select 将默认设置为 $scope.form.data 的值，正如预期的那样。

Answer 4

一些建议：

使用 ng-options 指令代替传统的 option 元素。
要在页面刷新时显示先前选择的值，请使用 HTML5 localStorage 或 sessionStorage.

Working Demo

如何为选项 angular 设置默认值

How can I set default value for option angular

javascript

html-select

angularjs

对于正在 Angular 中寻找答案的人 | angular 2 | angular 4