How to use hidden attribute to hide an element in an array


#1

I have list below as a side menu .

 <ion-list>
      <div *ngIf="userStatus!='Registered'"> 
          <ion-item  *ngFor="let type of options" (click)="close(type.name)">{{type.name}}</ion-item>
          </div>
    </ion-list>

This is an array “options” in my class .

public options  = 
  [
    {name : 'RegisterMe'},
     {name : 'MY CLINICS'},
  ];
 
  constructor(public viewCtrl: ViewController) 
  {
    this.userStatus='Registered'
  }

I want to hide RegisterMe option in list if the UserSTatus is Registered. How can i achieve this.

Thanks for help in advance


#2

I changed your post to format your code or error message correctly. Please use the </> button above the post input field to format your code or error message or wrap it in ``` (“code fences”) manually. This will make sure your text is readable and if it recognizes the programming language it also automatically adds code syntax highlighting. Thanks.


#3

Thanks for making it readable Sujan

Also please help me on the resolution

Thanks :slight_smile: