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完全删除元素。

OR

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

Refer this link.

Answer 2

在Ionic 4中，您可以使用离子隐藏以及添加断点来确定何时根据屏幕宽度隐藏。

请确保已将正确的CSS文件导入到您的global.css

@import '~@ionic/angular/css/display.css';

https://ionicframework.com/docs/layout/css-utilities#element-display

我怎样才能隐藏离子物品？

2 个答案: