angular - Ionic 4：一旦表达式为真，“销毁”ngIf

Question

我正在寻找类似这个问题的东西，但对于 Ionic 4：

我想知道一旦 ng-if 的值为真，是否可以解除绑定/销毁？

标签： angularionic4

Answer 1

不是问题的确切答案，但它可能会帮助正在寻找此解决方案的人：

我试图使用 ngIf 只显示一次标题，用于一组 o 项目，但前提是有项目要显示......我最终做的是以下内容：

        <p [hidden]="!showedOnce">Some header</p> 
        <div *ngFor="let task of tasks; let taskIndex = index">
            <span *ngIf="taskIndex > 0">{{setShowedOnce()}}</span>
            <ion-item>
              <ion-label>{{task.title}}</ion-label>
            </ion-item>
        </div>

在组件中：

showedOnce: boolean

ngOnInit() {
    this.showedOnce = false
}

setShowedOnce() {
    this.showedOnce = true
}