如何在弹出窗口中隐藏/显示 <ion-item>？

Question

我正在尝试根据一些用户参数在弹出窗口中隐藏/显示链接，现在我尝试在“user.isAdmin”为假时隐藏管理链接。但是我似乎无法让它工作，即使我设置 *ngIf="true" 或 "1==1" 它也不会显示我试图隐藏。非常感谢您的帮助。

popover.component.html：

<ion-list>
  <ion-item>
    <ion-icon name="person-circle-outline"></ion-icon>
    <ion-button (click)="profil()" expand="block" fill="clear" shape="round">
      <ion-label>Profil</ion-label>
    </ion-button>
  </ion-item>

  <ion-item *ngIf="user.isAdmin == true">
    <ion-icon name="settings-outline"></ion-icon>
    <ion-button (click)="admin()" expand="block" fill="clear" shape="round">
      <ion-label>Admin</ion-label>
    </ion-button>
  </ion-item>

  <ion-item>
    <ion-icon name="log-out-outline"></ion-icon>
    <ion-button (click)="logut()" expand="block" fill="clear" shape="round">
      <ion-label>Log ut</ion-label>
    </ion-button>
  </ion-item>
</ion-list>

popover.component.ts：

import { Component, OnInit } from '@angular/core';


@Component({
  selector: 'app-popover',
  templateUrl: './popover.component.html',
  styleUrls: ['./popover.component.scss'],
})
export class PopoverComponent implements OnInit {

  user: any;

  constructor() {
    this.user = {
      isAdmin: true
    };

   }

ngOnInit() {}


}

Answer 1

例如，您可以使用ng-click="popover.hide()"：

<script id = "popover.html" type = "text/ng-template">
    <ion-popover-view>
      <ion-content>
        <div class="list" ng-click="popover.hide()">
          <a class="item" href="#/app/profit">
            Profit
          </a>
      
          <a class="item" href="#/app/company}">
            Company
          </a>
        </div>
      </ion-content>
    </ion-popover-view>
  </script>