angularjs - 选择下拉列表有一个额外的选项

Question

如何删除第一个空的＆lt;选项＆gt;在选择下拉？我只想要第一个＆lt;选项＆gt;成为＆＃34; - 选择 - ＆＃34;。

HTML

 <div ng-controller="ExampleController">
    Distance in KM
    <span  class="nullable">
      <select ng-model="myColor" >
       <option value="null">- Select -</option>
        <option value="10">10</option>
        <option value="20">20</option>
        <option value="30">30</option>
        <option value="50">50</option>
        <option value="100">100</option>
      </select>
    </span><br/>
  </div>

脚本

angular.module('selectExample', [])
    .controller('ExampleController', ['$scope', function($scope) {

      $scope.myColor = '';
    }]);

Answer 1

使用ng-init初始化默认空白值，并在option元素中设置空白值：

<div ng-controller="ExampleController" ng-init="myColor = ''">
    Distance in KM
    <select ng-model="myColor">
            <option value="">- Select -</option>
            <option value="10">10</option>
            <option value="20">20</option>
            <option value="30">30</option>
            <option value="50">50</option>
            <option value="100">100</option>
    </select>
</div>

或者由于您已经在控制器中初始化它，只需从选项中删除 null 。