在Angularjs中使用ng-options時添加默認選項

Question

我正在使用ng-options下拉列表，以從控制器填充的模型中加載值。 現在，我需要再有一個選項，它是<option value='any'>any</option> ，默認情況下該選項應作為所選選項存在。 如何以角度的方式做到這一點？

<body ng-controller="myController">
  <h1>States in India!</h1>
  <select ng-options="state for state in states" ng-model="selectedState">      </select>
</body>

附加了Plnkr鏈接-Plnkr鏈接

Answer 1

@Pradeep，使用

    <select ng-options="state for state in states" ng-model="selectedState">
        <option value="">-- choose state --</option>
    </select>

plunkr鏈接

Answer 2

您可以簡單地在數組中添加另一個項目並將其關聯到$ scope.selected。 Plunkr 。

$scope.selectedState = "Select";
$scope.states=["Select","Karnataka", "Tamilnadu", "Andra-Pradesh", "Rajasthan"]

Answer 3

在select標簽內寫入option標簽，例如

  <body ng-controller="myController">
    <h1>States in India!</h1>
    <select  ng-options="state as state for state in states" ng-model="selectedState">
         <option value=''>any</option>
    </select>
  </body>


angular.module("myApp", []).

    controller("myController", function($scope){
      $scope.states=["Karnataka", "Tamilnadu", "Andra-Pradesh", "Rajasthan"]  
    })

我已經在工作中嘗試了，請嘗試一下

在Angularjs中使用ng-options時添加默認選項

問題描述

3 個解決方案

解決方案1
1 2016-01-08 05:51:33

解決方案2
0 2016-01-08 05:44:01

解決方案3
0 2016-01-08 05:44:26

在Angularjs中使用ng-options時添加默認選項

問題描述

3 個解決方案

解決方案1 1 2016-01-08 05:51:33

解決方案2 0 2016-01-08 05:44:01

解決方案3 0 2016-01-08 05:44:26

解決方案1
1 2016-01-08 05:51:33

解決方案2
0 2016-01-08 05:44:01

解決方案3
0 2016-01-08 05:44:26