angular select框 option空行

 1、使用option

<select class="form-control" ng-model="searchType">
        <option value="1" ng-selected="searchType=='1'">全部</option>
        <option value="2">有推薦答案</option>  // value=1,把1寫成數字形式，在瀏覽器中還是會變成字符串顯示
        <option value="3">無推薦答案</option>
</select>
<script>
　　.controller('myCtrl',function($scope){
　　　　$scope.searchType=1;
　　})
</script>

 

在angular中寫如上select，第一次會出現空行，選中一個選項后，空行就消失了。

要使得一開始就沒有空行需要將controller中的賦值變成字符串形式， $scope.searchType="1"，這樣就沒有空行了。

 2、使用ng-option

<select ng-options="item for item in value" ng-model="searchType"></select>
<script>
    .controller('myCtrl',function($scope){
        $scope.value=['全部','有推薦答案','無推薦答案'];
    })
</script>

這樣子是沒有表示我要選擇哪一項的，如果你不是強制要選擇一項，可以在select中添加<option value="">請選擇</option>

如果是強制要選擇一項的，可以將$scope.searchType='全部',初始化searchType就可以避免空行了