1

設置選擇框的缺省值與不存在的價值或許這能夠複製了或可能有解決此問題的方法,如何Angularjs

,但我找不到任何方法來解決這個問題。

所以請不要生氣我的愚蠢問題,並給我一些信息或方式來解決這個問題。

請看這個小提琴。

Set default value of select box

我想,當我從http call陣列,

如何設置選擇框的默認值與這是不是在數組中的值。我使用ng-init但它沒有工作。

我知道有其他的方法來解決這個喜歡用<options>標籤,並把使用selected選項或

的第一價值,但我想用ng-options

無論你給出的是鏈接,文檔還是其他東西,它都會對我很有幫助。

我會等待您的任何意見或解答。 :)

回答

2

首先解決方案,你可以添加更多的選項標記爲默認值

HTML代碼

<div ng-app="MyApp"> 
    <div ng-controller="MyCtrl"> 
     <select ng-options="opt as opt for opt in testOpt" 
       data-ng-model="resultOpt" 
       data-ng-change="checkResultOpt(resultOpt)"> 
     <option value=''>Choose Category </option> 
     </select> 

    </div> 
</div> 

控制器代碼

var MyApp = angular.module('MyApp', []) 
.controller('MyCtrl', ['$scope', function ($scope) { 
    $scope.testOpt = [ 
     'ID', 
     'Name', 
     'Email', 
     'Address' 
    ]; 
    $scope.resultOpt = ''; 
}]); 

工作code

秒鐘,這樣lution:你只是在你的數組列表添加一個項目從http後得到調用

HTML代碼

<div ng-app="MyApp"> 
    <div ng-controller="MyCtrl"> 
     <select ng-options="opt as opt for opt in testOpt" 
       data-ng-model="resultOpt" 
       data-ng-change="checkResultOpt(resultOpt)"> 
     </select> 

    </div> 
</div> 

控制器代碼:

var MyApp = angular.module('MyApp', []) 
.controller('MyCtrl', ['$scope', function ($scope) { 
    $scope.testOpt = [ 
     'ID', 
     'Name', 
     'Email', 
     'Address' 
    ]; 
    $scope.testOpt.splice(0, 0, 'Choose Category'); 
    $scope.resultOpt = 'Choose Category'; 
}]); 

工作Code

希望這將有助於你

+1

你的小提琴看起來幾乎接近我的目的。我真正想要的是當我選擇一個類別時,默認值必須消失。但是,謝謝你給我一些提示! –