Angular 4更新来自http get请求的响应后更新ngFor中的对象列表

时间:2018-03-11 20:46:51

标签: angular http observable

我正在尝试更新组件中的对象列表。但是,ngFor不知道阵列是否已更新。我的组成部分:

private lessons: Lesson[] = [];
constructor(private lessonsService: LessonsService, private http: Http) {
   this.http.get('http://localhost:3000/api/Courses/').map(res => res.json())
    .subscribe((response: Lesson[]) => {
      this.lessons = response;
    });
}

我的HTML:

<tr *ngFor="let lesson of lessons|groupByLessons:'Name'; let i=index">
  <td class="ts-td-lesson">{{lesson.key}}</td>
</tr>

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

我还不能发表评论,但您可能有changeDetection: ChangeDetectionStrategy.OnPush或分离的变化探测器,或者组件是在非角度区创建的?