angular - 我怎样才能隐藏 ionic 项目？

Question

我有一些输入字段。但是输入字段一次只显示一次。我将获得我需要显示的信息，如下所示。

require_nid:false
require_pin:true

来源在下面

<ion-col>
          <ion-list inset>
            <ion-item>
              <ion-label>
                  <ion-icon name="person"></ion-icon>
              </ion-label>
              <ion-input type="text" placeholder="Enter NID" #username required></ion-input>
            </ion-item>
            <ion-item>
              <ion-label>
                  <ion-icon name="person"></ion-icon>
              </ion-label>
              <ion-input type="text" placeholder="Enter sender Name" #password required></ion-input>
            </ion-item>
            <ion-item>
              <ion-label>
                  <ion-icon name="phone-portrait"></ion-icon>
              </ion-label>
              <ion-input type="text" placeholder="Enter sender phone number" #password required></ion-input>
            </ion-item>
          </ion-list>
        </ion-col>

Answer 1

您可以使用 *ngIf 完全删除该元素。

或

您可以使用[hidden] 属性来显示或隐藏元素

Refer this link.