Ionic 3 боковая панель добавить значок уведомления не работает - PullRequest
Новая
       10

Ionic 3 боковая панель добавить значок уведомления не работает

0 голосов
/ 12 апреля 2019

Я использую ** Ionic 3 - значок ** для боковой панели моего приложения. я столкнулся с некоторым конфликтом, когда я добавил значок, но он не отображается Кто-нибудь знает, как показать значок в боковой панели Спасибо

часть моего кода

app.html 

   <ion-list class="user-list" >
      <button ion-item menuClose class="text-1x" *ngFor="let menuItem of appMenuItems" (click)="openPage(menuItem)" >
        <ion-icon item-left [name]="menuItem.icon" style="color: black; " ></ion-icon>
        <span ion-text style="color: black; border-bottom: none;">{{menuItem.title}}</span>
        <ion-badge">{{p.badgeCount}}</ion-badge>
      </button>
    </ion-list>

app.component.ts 

export interface MenuItem {
  title: string;
  component: any;
  icon: string;
  buttonName:string;


}


@Component({
  templateUrl: 'app.html'
})

export class MyApp {
  @ViewChild(Nav) nav: Nav;
  rootPage: any = SigninPage;
  selectedTheme: String;

  appMenuItems: Array<MenuItem>;


  constructor(public platform: Platform, private settings: SettingsProvider, private master: master) {

    this.settings.getActiveTheme().subscribe(val => this.selectedTheme = val);

    this.appMenuItems = [
      {title: 'Home', component: HomePage, icon: 'ios-home-outline'},

      {title: 'Notification', component: CheckoutPage, icon: 'ios-basket-outline',buttonName: 'badgeNumber ',},

    ];


  }

1 Ответ

0 голосов
/ 12 апреля 2019

Я решаю свою проблему

Я изменяю это <ion-badge>{{menuItem.badgeCount}}</ion-badge>

app.component.ts 

export interface MenuItem {
  title: string;
  component: any;
  icon: string;
  buttonName:string;


}


@Component({
  templateUrl: 'app.html'
})

export class MyApp {
  @ViewChild(Nav) nav: Nav;
  rootPage: any = SigninPage;
  selectedTheme: String;

  appMenuItems: Array<MenuItem>;


  constructor(public platform: Platform, private settings: SettingsProvider, private master: master) {

    this.settings.getActiveTheme().subscribe(val => this.selectedTheme = val);

    this.appMenuItems = [
      {title: 'Home', component: HomePage, icon: 'ios-home-outline'},

      {title: 'Notification', component: CheckoutPage, icon: 'ios-basket-outline',badgeCount: '5 ',},

    ];


  }

приложение.html 

 <ion-list class="user-list" >
      <button ion-item menuClose class="text-1x" *ngFor="let menuItem of appMenuItems" (click)="openPage(menuItem)" >
        <ion-icon item-left [name]="menuItem.icon" style="color: black; " ></ion-icon>
        <span ion-text style="color: black; border-bottom: none;">{{menuItem.title}}</span>
        <ion-badge>{{menuItem.badgeCount}}</ion-badge>
      </button>
    </ion-list>
...