如何设置选项角度的默认值

时间:2017-05-19 08:01:57

标签: javascript angularjs html-select

我选择了这样的

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

$scope.data= response.data

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

4 个答案:

答案 0 :(得分:1)

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

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

这样,在刷新页面时,select会默认设置为$scope.form.data的值,如预期的那样。

答案 1 :(得分:0)

使用ng-selected

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

答案 2 :(得分:0)

对于在Angular中寻找答案的人角2 |角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>

答案 3 :(得分:0)

一些建议:

  • 使用ng-options指令代替传统的option元素。
  • 要在页面刷新时显示上一个选定值,请使用HTML5 localStoragesessionStorage

<强> Working Demo