Как скрыть ионные метки в угловых

Question

Извините, если это основной вопрос, но я не могу понять его.

По сути, я хочу скрыть / показать ионные теги, когда я нажимаю на кнопку, я старался изо всех сил, чтобы найтиРешение моей проблемы, но безрезультатно, кто-то может мне помочь, пожалуйста

note.html: -

<ion-content padding>
  <div>
      <h1>No contacts available...</h1>
  </div>
<ion-content>

notes.ts:

export class NotesPage {
  constructor(public navCtrl: NavController, public navParams: NavParams) {

  }

hideContent(){

**I want hide that ionic tag when i call this method** 

}

Answer 1

Использовать свойство флага в компоненте

showContent = true;

hideContent(){
  this.showContent = false;
}

А затем используйте * ngIf

<ion-content padding *ngIf="showContent">
  <div>
      <h1>No contacts available...</h1>
  </div>
<ion-content>

Вы также можете использовать скрытое свойство из HTML

<ion-content padding [hidden]="!showContent">
  <div>
      <h1>No contacts available...</h1>
  </div>
<ion-content>

Прочтите здесь , чтобы узнать о различиях между двумя подходами. Обратите внимание, что вы можете использовать их, чтобы скрыть / показать любой элемент в шаблоне, а не только 'ionic tag'.