如何角JS

Question

獲得選擇選項的文本不值這裏是我的代碼

<div class="form-group"> 
    <label class="control-label">Student Name: <span class="req-field">*</span> 
    </label> 
    <select ng-change="selectAction()" ng-model="formData.Name" ng-options="value.CompleStuId as value.Name for value in myOptions" class="form-control" required> 
    <option value="">-- Select --</option> 
    </select> 
</div> 

請與我分享你的知識。在此先感謝

Answer 1

如果您希望使用Name作爲標籤和所選值，則您想使用value.Name as value.Name for value in myOptions。

ngOptions^[docs]

數組數據源：

select as label for value in array 

其中：

value: local variable which will refer to each item in the array or each property value of object during iteration. 
label: The result of this expression will be the label for <option> element. The expression will most likely refer to the value variable (e.g. value.propertyName). 
select: The result of this expression will be bound to the model of the parent 

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

 
app.controller('myController', function($scope) { 
 
    $scope.formData = {}; 
 
    $scope.myOptions = [{CompleStuId: 1, Name: 'a'}, {CompleStuId: 2, Name: 'b'}, {CompleStuId: 3, Name: 'c'}]; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
 
<div ng-app='app' ng-controller='myController'> 
 

 

 
<div class="form-group"> 
 
    <label class="control-label">Student Name: <span class="req-field">*</span> 
 
    </label> 
 
    <select ng-change="selectAction()" ng-model="formData.Name" ng-options="value.Name as value.Name for value in myOptions" class="form-control" required> 
 
    <option value="">-- Select --</option> 
 
    </select> 
 
</div> 
 
    
 
    {{ formData.Name }} 
 

 
</div>