Question

是否可以在Angular 2中使用* ngIf控制3个div？

我可以做点什么吗

<div *ngIf="planState=plan1">show plan 1</div>

<div *ngIf="planState=plan2">show plan 2</div>

<div *ngIf="planState=plan3">show plan 3</div>

谢谢！

Answer 1

你只是错过了比较运算符，它应该只是target-dir而不是Set-ADUser $newUser -UserPrincipalName $UserPrincipalName。

您也可以使用 [隐藏] 。建议在[隐藏]之前使用ngIf

==

或

=

Answer 2

我已更新您的plunker代码，如下所示：

@Component({
  selector: 'my-app',
  template: `
  <button (click)="OnButtonClick(1)">select - 1</button>
  <button (click)="OnButtonClick(2)">select - 2</button>
  <button (click)="OnButtonClick(3)">select - 3</button>
  <h5>You selected : {{value}}</h5>

  <hr>
  <div>
     <div *ngIf="value==1">1. Template - <b>{{value}}</b> </div>
     <div *ngIf="value==2">2. Template - <b>{{value}}</b> </div>
     <div *ngIf="value==3">3. Template - <b>{{value}}</b> </div>
     <div *ngIf="value==0">Default Template</div>

  </div>
  `,

})
export class AppComponent {
  value:number=0;

  OnButtonClick(value)
  {
    this.value=value
  }
}

Answer 3

您可以在角度2中使用 * ngIf ，它等效于角度的ng-if

在Angular 2中使用* ngIf控制多于3个div

3 个答案: