angular - 在 if 和 else 条件下处理角度问题。如果条件正常工作，否则条件不工作

Question

我是角度的新手。我创建了网页，如果 change=true 则显示“change is true”。在 change=false 然后显示“change is false”

<div>
   <button (click)="onClick()">click</button>
   <p *ngIf="change;  else elseBlock">  change is true </p>

<ng-template>
    <p #elseBlock>change is flase</p>
</ng-template>
</div>

组件.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-ng-if',
  templateUrl: './ng-if.component.html',
  styleUrls: ['./ng-if.component.css']
})
export class NgIfComponent implements OnInit {

  change: boolean;

  constructor() {

    this.change=false;
  }

  onClick(){
    this.change=!this.change;
  }


    ngOnInit() {
  }

}

标签： angular

Answer 1

#elseBlock在 ng-template 上使用标签

<div>
 <button (click)="onClick()">click</button>
 <p *ngIf="change;  else elseBlock">  change is true </p>

 <ng-template #elseBlock>
   <p>change is flase</p>
 </ng-template>
</div>