angular - *ngIf 指令中的隐藏属性

Question

我将 Angular2 与 Ionic 框架结合使用。

我注意到无法在 *ngIf 元素中使用隐藏属性。我该如何解决？ studentid.valid 在 *ngIf 元素之外不可用。

<form #studentForm="ngForm" novalidate>

  <ion-item *ngIf="useStudent">   
    <ion-label stacked> Student ID:</ion-label>
      <ion-input type="text" [(ngModel)]="id" name="studentid" type="text" #studentid="ngModel" required></ion-input>
  <p [hidden]="studentid.valid || submitted == false" color="danger" padding-left>
         Student ID required!
      </p>  
</ion-item>  

<button ion-button block icon-right type="submit" (click)="submitForm(studentForm)">
</form>

typescript :

 submitForm (form) {

     this.submitted = true;

      if (form.valid) {
        this.showLoading();
    }
}

Answer 1

Check out ion-input here .

它没有有效的属性。 (除非您使用表单控件)。

你应该做的

<p [hidden]="studentid?.value||submitted == false" 
    color="danger" padding-left>