Get ng model in ng-repeat using Protractor

Question

How can I get ng model in ng-repeat with protractor?

<div ng-repeat="field in master.linker | orderBy:'country.name'"> <div> <p> {{ field.country_name }} </p> <input ng-model="field.text"> </div> </div> 

I use this, but to no avail:

 var result = element.all(by.repeater('field in master.linker').column('field.text')); result.forEach(function(entry) { console.log(entry); }); 

I would like to compare:

 result.forEach(function(entry) { if (entry.country_name === 'en') { expect(entry.text (from ng-repeat)).to.eventually.equal(value) } }); 

Answer 1

.column() only works for binding s, not model s.

In your case, use the by.model() locator :

 var result = element.all(by.repeater('field in master.linker')); result.each(function(entry) { var input = entry.element(by.model("field.text")); // do smth with the input }); 

If you want to get input values, use map() :

 var inputValues = result.map(function(entry) { return entry.element(by.model("field.text")).getAttribute("value"); }); // printing out input values inputValues.then(function (values) { console.log(values); }); 

---

The answer to an additional question from the comment:

I have an array, without other fields from my ng-repeat, how can I compare "if (field.country_name ===" "en") {expect (field.text) .to.eventually.equal (value)} " ?

Use filter() :

 var fields = element.all(by.repeater('field in master.linker')); fields.filter(function (field) { return field.element(by.binding("field.country_name")).getText().then(function (country) { return country === "en"; }); }).then(function (filteredFields) { var input = filteredFields[0].element(by.model("field.text")); expect(input.getAttribute("value")).to.eventually.equal(value); });;