Question

 <select name="country" id="countries" ng-options="country.name for country in countries track by country.id" style="font-size:13px;" ng-model="sel_country"
      ng-change="set(sel_country)" >

      <option>--</option>

</select>

// countries object
$scope.countries = [{name: 'UNITED KINGDOM', id: 1 },{name: 'AUSTRIA', id: 2}];

如何使用上面的代码在选择框中显示默认选项？

Answer 1

我想你想要“ - ”作为默认值。

变化

<option>--</option>

到

<option value="">--</option>

Answer 2

<select name="country" 
    id="countries" 
    ng-options="country.name for country in countries track by country.id" 
    style="font-size:13px;" 
    ng-model="sel_country"
    ng-change="set(sel_country)" >
    <option value="" disabled selected>--</option>
</select>

Answer 3

选项-1 ：在value=""代码中使用<option>

 <select name="country" id="countries" ng-options="sel_country as country.name for country in countries track by country.id" style="font-size:13px;" ng-model="sel_country[0]"
  ng-change="set(sel_country)" >

        <option value="">-select-</option>

  </select>

Plunkr

选项-2 ：将ng-init与ng-model

一起使用

 <select ng-init="sel_country = countries[0]" name="country" id="countries" ng-options="sel_country as country.name for country in countries track by country.id" style="font-size:13px;" ng-model="sel_country"
  ng-change="set(sel_country)" >

        <option>-select-</option>

  </select>

Plunkr

选择框中的默认选项 - 角度js

3 个答案: