默認NG-選項中選擇動態選項

<div class=" header-search pull-right"> 
      <section style="margin-top: 15px" class="col col-6"> 
       <label class="select"> 
        <select style="width: 300px" ng-change="seletedCompanyChanged()" 
          ng-model="selectedCompanyId" 
          ng-options="value.CompanyId as value.Name for value in CompanyTempDDForHeder "> 
         <option value="" ng-selected="{{CompanyTempDDForHeder.Name}}">{{CompanyTempDDForHeder.Name}}</option> 
        </select> 
       </label> 
      </section> 
     </div>

科德控制器默認NG-選項中選擇動態選項

var getCompaniesbyPassingLogin = function (data) { 
     $scope.CompanyTempDDForHeder = data; 
    } 

    globalService.getCompanyDropDownForHeader(getCompaniesbyPassingLogin);

其工作正常，但我想在下拉這樣

<option value="" ng-selected="selected">Select Compnay</option>

默認第一個值來選擇如何在下拉菜單中選擇默認動態值？這是我的代碼。有可能嗎？

來源

2015-12-16 Muhammad Ali

您可以請發表您的角碼/完整的代碼。 –

你已經初始化了一些值。在你的控制器中，放置'$ scope.selectedCompanyId ='default_value';'其中默認值將是你的下拉列表中的值。（假設您的控制器採用$ scope服務） –

另外，使用這樣的選項值。這個特定的值將被默認選中。 '選項選擇的值=「名稱」>名稱' –

selectedCompanyId，即ng-model，允許您設置默認選定值。

在你的AngularJS代碼，它應該是這樣的：

$scope.selectedCompanyId = "Company A";

從AngularJS documentations，它指出：

的select指令與ngModel一起使用，以提供數據 - 範圍與控件之間的綁定（包括設置默認值）。

而且，沒有必要對你有<option>線ng-options（在<select>）將填充下拉列表你。

來源

2015-12-16 08:02:41

您可以使用ng-init指令設置默認值。所以，這樣的事情應該工作：

<select style="width: 300px" ng-change="seletedCompanyChanged()" 
      ng-model="selectedCompanyId" 
      ng-options="value.CompanyId as value.Name for value in CompanyTempDDForHeder" 
      ng-init="selectedCompanyId=CompanyTempDDForHeder[0].CompanyId"> 
</select>

注意使用ng-options指令時，你不需要<option>元素，因爲這個指令會爲你創建它們。

來源

2015-12-16 08:28:39 Hinrich

默認NG-選項中選擇動態選項

回答

相關問題