How to access nested ng-repeat elements

I am trying something like:

element.all(by.repeater('suggestion_type in searchBoxData.suggestion_types')).then(function(rows) {
  for(var i=0;i<rows.length;i++){
    rows[i].then(function(){
      element.all(by.repeater('content in suggestion_type.contents')).then(function(rows_2) {
        console.log(rows_2);
      });
    });
  }
});

but I am getting duplicate rows…

[hankduan]

Sorry for the delay, missed this issue:

suppose your set up is as follows:

<div ng-repeat="x in list1"><div ng-repeat="y in list2">{{x}}{{y}}</div></div>

The reason you’re getting duplicates is because you’re iterating all of the nested elements many times (in fact you are iterating (list1.length)^2 * (list2.length) times instead of list1.length*list2.length as you intended), because in your inner loop, you’re not saying search within the outer ng-repeat, you’re searching within the entire dom.

This will fix it:

element.all(by.repeater('suggestion_type in searchBoxData.suggestion_types')).then(function(rows) {
  for(var i=0;i<rows.length;i++){
    rows[i].all(by.repeater('content in suggestion_type.contents')).then(function(rows_2) {
      console.log(rows_2);
      for(var j=0;j<rows_2.length;j++){
        rows_2.getText().then(function(text) {
          console.log(text);
        });
      }
    });
  }
});

note the rows[i].all(by.repeater...) instead of element.all(by.repeater...) in your inner loop.

To make it simpler you can just do this:

element.all(by.repeater('content in suggestion_type.contents')).each(function(elem) {
  elem.getText().then(function(text) {
    console.log(text);
  });
});

Hope this answers your question

[reddynr]

Hi All,

I am testing an example using protractor. I need to select the data which is showing in ng-repeate

getting error. Any help much appreciated. Thanks

element.all(by.repeater(‘branch in branches’)).get(1).element(by.linkText(‘branchName’)).click()