javascript - 是否可以在 Angular 2 中从 JS 创建 HTML 项目？

Question

我有一个简单的 GET 请求，它会显示一些数据。

this.apiRequest.get(url)
.map(response => response.json())
.subscribe(response => {
    this.notes = response.notes

    loader.dismiss()
}, err => {
    loader.dismiss()
})

然后我这样展示:

<ion-item *ngFor="let note of notes" text-wrap>
    <!-- data -->
</ion-item>

主要问题是，当有大量注释时，加载程序会在显示所有项目之前关闭。

我需要在js中循环ngFor，然后隐藏加载程序或以某种方式从HTML禁用加载程序...

Answer 1

这不是您要找的内容，但希望能有所帮助

基本思想是提供ngFor循环完成事件

创建组件

import { Component, Input, Output, EventEmitter } from '@angular/core';
@Component({
   selector: 'islast',
   template: '<span></span>'
})
export class LastDirective {
   @Input() isLast: boolean;
   @Output() onLastDone: EventEmitter<boolean> = new EventEmitter<boolean>();
   ngOnInit() {
      if (this.isLast)
        this.onLastDone.emit(true); //you can hide loader from here this is last element in ngfor
   }
}

在 html 中

  <tr *ngFor="let sm of filteredMembers; let last = last; let i=index;" data-id="{{sm.Id}}">
     <td>
        <islast [isLast]="last" (onLastDone)="modalMembersDone()">