angularjs - 使用 Protractor 在 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

您可以使用 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
});