Question

我将Angular2与Ionic Framework结合使用。

我注意到在* 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>

打字稿：

 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>

* ngIf指令中的隐藏属性

1 个答案: