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

Question

I have select like this

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

$scope.data= response.data

When I change select and click save . It save successful in database . I want when refresh page . select show value I save in database. How can I do this . Please help me

Answer 1

The best way would be using the ng-options directive:

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

This way, when refreshing your page the select will be default set to the value of $scope.form.data , as expected.

Answer 2

Use ng-selected

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

Answer 3

For people who are searching for a answer in Angular | angular 2 | angular 4

try using NgValue and make sure your default options value is the model so 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 4

Some advice :

• Use ng-options directive instead of traditional option element.
• To display the previous selected value on page refresh use HTML5 localStorage or sessionStorage .

Working Demo