Show Hide In Ionic Framework

I want a show hide function for my ionic app: Below is what I have done so far, in xyz.html file:

Copy

TS

import { Component, Renderer2 } from'@angular/core';
import { NavController } from'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
exportclassHomePage {

publicitems: string[] = [
    "Item 1",
    "Item 2",
    "Item 3",
    "Item 4",
    "Item 5",
    "Item 6",
    "Item 7",
    "Item 8",
    "Item 9",
    "Item 10",   
];

  publicPtagClicked: boolean = false;

  constructor(public navCtrl: NavController, private render: Renderer2) { }

  publiconShow(controlToShow) {
    this.render.setStyle(controlToShow, 'visibility', 'visible');
  }
  publiconHide(controlToHide) {
    this.render.setStyle(controlToHide, 'visibility', 'hidden');
  }

}