使用量角器在ngOptions中獲取選定選項

Question

如何在下拉菜單中獲取與所選選項關聯的對象（select）？

這裏是我的html：

<select ng-model="selSeason" ng-options="season as season.name for season in seasons"></select> 

每個季節都具有多個屬性的對象，我需要得到有關所選對象（而不僅是它的文本或值）的對象。

我知道ng-repeat有類似的信息（選擇第5個賽季的名稱）：

element(by.repeater('season in seasons').row(4).column('name')); 

是否有by.options()選擇類似的東西？

感謝

Answer 1

你結合看起來不錯，你可以用你的NG-模型變量 'selSeason' 輕鬆讀取所有屬性，看到這個例子

<select ng-model="user"    
     ng-options="x as x.name for x in users track by x.id" 
     class="form-control" 
     ng-required="true"> 
    <option value="">-- Choose User --</option> 
</select> 

var id = $scope.user.id; 
var name = $scope.user.name; 
var role = $scope.user.role 

更多細節check this

Answer 2

您正在尋找的是自定義by.selectedOption定位器。

element(by.selectedOption('model_name')) 

爲了更好的說明，請閱讀本：https://technpol.wordpress.com/2013/12/01/protractor-and-dropdowns-validation/

Answer 3

您可以使用by.options與evaluate()：

var seasonNames = element.all(by.options('season in seasons')).evaluate("season.name"); 
seasonNames.then(function (values) { 
    console.log(values); // array of season names is printed 
}); 

您還可以過濾掉filter()所選擇的選項：

var selectedSeasonName = element.all(by.options('season in seasons')).filter(function (option) { 
    return option.getAttribute("selected").then(function (selected) { 
     return selected; 
    }); 
}).first().evaluate("season.name"); 

selectedSeasonName.then(function (value) { 
    console.log(value); // selected season name is printed 
}); 

Answer 4

我結束了評估uating沒有選擇的選擇，但關聯到選擇的NG-型號：

HTML

<select ng-model="selSeason" ng-options="season as season.name for season in seasons"></select> 

JS

element(by.model('selSeason')).evaluate('selSeason').then(function(season){ 
    console.log(season.name); 
});