如何在多重選擇下拉列表角JS設置默認值

-1

<select id="year" multiple ng-model="type" ng-disabled="!type1" > 
    <option value="all" selected>all</option> 
    <option value='2012'>2012</option> 
    <option value='2013'>2013</option> 
    <option value='2014'>2014</option> 
    <option value='2015'>2015</option> 
    <option value='2016'>2016</option> 
    <option value='2017'>2017</option> 
    <option value='2018'>2018</option> 
    <option value='2019'>2019</option> 
</select>

我想設置選項「全部」爲默認值。爲此，我在選項標籤內寫入了「selected」關鍵字，我想在默認情況下顯示在我的下拉列表中，如上面代碼中所示。但它不起作用。任何人都可以請幫助我如何設置默認值。

來源

2017-02-22 Manisha Monga

看看ngOptions https://docs.angularjs.org/api/ng/directive/ngOptions使用角度的方式。 – fubbe

你可以發佈你的控制器代碼嗎？ –

你能否檢查[我的回答]（http://stackoverflow.com/a/42396482/4927984）是否解決了你的問題？ – Mistalis

您可以在控制器中設置默認值。請記住，multiselect的值是一個數組，因此您必須將$scope.type設置爲一個數組。這是一個工作示例：

angular.module('app', []) 
 
    .controller('ctrl', function($scope) { 
 
    $scope.type = ["all"]; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
    <select id="year" multiple ng-model="type"> 
 
     <option value="all" selected>all</option> 
 
     <option value='2012'>2012</option> 
 
     <option value='2013'>2013</option> 
 
     <option value='2014'>2014</option> 
 
     <option value='2015'>2015</option> 
 
     <option value='2016'>2016</option> 
 
     <option value='2017'>2017</option> 
 
     <option value='2018'>2018</option> 
 
     <option value='2019'>2019</option> 
 
    </select> 
 
    <div> 
 
    {{type}} 
 
    </div> 
 
</div>

來源

2017-02-22 15:51:03 Lex

該角的方法是使用ng-options：

<select ng-model="type" ng-options="o for o in options"/>

如果選項是一個數組，在您的控制器設置：

$scope.options = [2012, 2013, 2014, 2015, 2016, ...];

var myApp = angular.module('myApp', []); 
 

 
function MyCtrl($scope) { 
 
    $scope.options = [2011, 2012, 2013, 2014]; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
    <select ng-options="o for o in options" ng-model="type"> 
 
    <option value="">all</option> 
 
    </select> 
 
    <br>selected: {{type}} 
 
</div>

來源

2017-02-22 16:02:18 Mistalis

如何在多重選擇下拉列表角JS設置默認值

回答

相關問題