Как получить выберите вариант текста не значение в угловых 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

Вы хотите использовать 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>