如何在Angular 4.0中设置量角器的*ngFor集合?

如何在Angular 4.0中设置量角器的*ngFor集合?,angular,protractor,e2e-testing,angularjs-e2e,angular-e2e,Angular,Protractor,E2e Testing,Angularjs E2e,Angular E2e,app.component.html <div class="student-list" *ngFor="let student of students"> <p>{{student.name}}</p> </div> 但这不起作用,它抛出失败:未知错误:未定义角度。 正确的方法是什么? <div class="student-list" *ngFor="let student of students"> <p

app.component.html

<div class="student-list" *ngFor="let student of students">
    <p>{{student.name}}</p>
</div>
但这不起作用,它抛出
失败:未知错误:未定义角度
。 正确的方法是什么?


<div class="student-list" *ngFor="let student of students">
    <p *ngIf="student.name">{{student.name}}</p>
</div>
{{student.name}

这是一种只显示有姓名的用户的方式。


{{student.name}


这是一种仅显示具有姓名的用户的方式。角度选择器,如.model
by.binding
不支持
Angular2
及以上版本

根据

量角器适用于大于1.0.6/1.1.4的AngularJS版本,以及 与角度应用程序兼容。请注意,对于Angular应用程序, 不支持by.binding()和by.model()定位器。我们 建议使用by.css()

您可以在这里看到示例

编辑

要解决您的问题,您可以使用Id

HTML

<div  *ngFor="let student of students" id="students">
    <p  class="student-list"> {{student.name}}</p>
</div>

by.model
by.binding
等角度选择器不受
Angular2
及以上版本的支持

根据

量角器适用于大于1.0.6/1.1.4的AngularJS版本,以及 与角度应用程序兼容。请注意,对于Angular应用程序, 不支持by.binding()和by.model()定位器。我们 建议使用by.css()

您可以在这里看到示例

编辑

要解决您的问题,您可以使用Id

HTML

<div  *ngFor="let student of students" id="students">
    <p  class="student-list"> {{student.name}}</p>
</div>

可以但是如果我使用类似于by.css的元素(by.css('.student list')).sendKeys(['abc','xyz']);如果使用locator:By(css selector,.student list)未找到任何元素,则此操作也会失败。如果没有,则尝试。like元素(by.css('student-list')).sendKeys(['abc','xyz']);仍然找不到元素。您可以按类使用元素,我在上面添加了一个示例。关于访问students集合,您是对的。但在访问students集合之前,必须使用一些值SendKeys(['xyz','abc'])对其进行设置。你能分享一些关于如何设置收藏的想法吗?好的。但是如果我使用类似于by.css的元素(by.css('.student list')).sendKeys(['abc','xyz']);如果使用locator:By(css selector,.student list)未找到任何元素,则此操作也会失败。如果没有,则尝试。like元素(by.css('student-list')).sendKeys(['abc','xyz']);仍然找不到元素。您可以按类使用元素,我在上面添加了一个示例。关于访问students集合,您是对的。但在访问students集合之前,必须使用一些值SendKeys(['xyz','abc'])对其进行设置。你能分享一些关于如何设置集合的想法吗?
var students = element.all(by.id('students')).all(by.css('student-list'));
var firstOrg = organizations.get(0);
it('should have an org with specific name', function() {
    expect(firstOrg.getText()).toEqual('Name you expect');
});