File
Constructor
constructor(navParams: NavParams, popoverCtrl: PopoverController, router: Router)
|
|
Parameters :
Name |
Type |
Optional |
navParams |
NavParams
|
No
|
popoverCtrl |
PopoverController
|
No
|
router |
Router
|
No
|
|
Methods
closePopover
|
closePopover()
|
|
|
navigateToStorageSettings
|
navigateToStorageSettings()
|
|
|
sbPopoverHeading
|
Type : string
|
Default value : ''
|
|
sbPopoverMessage
|
Type : string
|
Default value : ''
|
|
import { Component } from '@angular/core';
import { NavParams, PopoverController } from '@ionic/angular';
import { Router } from '@angular/router';
import { RouterLinks } from '@app/app/app.constant';
@Component({
selector: 'sb-insufficient-storage-popup',
templateUrl: 'sb-insufficient-storage-popup.html'
})
export class SbInsufficientStoragePopupComponent {
sbPopoverHeading = '';
sbPopoverMessage = '';
constructor(private navParams: NavParams,
private popoverCtrl: PopoverController,
private router: Router) {
this.initParams();
}
initParams() {
this.sbPopoverHeading = this.navParams.get('sbPopoverHeading');
this.sbPopoverMessage = this.navParams.get('sbPopoverMessage');
}
closePopover() {
this.popoverCtrl.dismiss();
}
navigateToStorageSettings() {
this.popoverCtrl.dismiss();
this.router.navigate([RouterLinks.STORAGE_SETTINGS]);
}
}
<ion-content class="no-net-popup">
<ion-grid class="ion-padding">
<ion-row>
<ion-col class="ion-no-padding" size="11" (click)="navigateToStorageSettings()">
<label class="no-net-heading">{{sbPopoverHeading}}</label>
<div class="no-net-message" *ngIf="sbPopoverMessage?.length">{{sbPopoverMessage}}</div>
</ion-col>
<ion-col class="ion-no-padding" size="1">
<ion-icon class="no-net-close-btn" name="close" (click)="closePopover()"></ion-icon>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
Legend
Html element with directive