File
Constructor
constructor(modalCtrl: ModalController, navParams: NavParams, platform: Platform)
|
|
|
Parameters :
| Name |
Type |
Optional |
| modalCtrl |
ModalController
|
No
|
| navParams |
NavParams
|
No
|
| platform |
Platform
|
No
|
|
|
Public
navParams
|
Type : NavParams
|
|
|
|
Public
platform
|
Type : Platform
|
|
|
import { Component } from '@angular/core';
import { ModalController, NavParams, Platform } from '@ionic/angular';
@Component({
selector: 'app-hint',
templateUrl: './hint.component.html',
styleUrls: ['./hint.component.scss'],
})
export class HintComponent {
hint: any;
constructor(private modalCtrl: ModalController, public navParams: NavParams, public platform: Platform) {
this.hint = this.navParams.get('hint');
}
cancel(): void {
this.modalCtrl.dismiss();
}
}
<ion-header class="sb-popover-header">
<ion-toolbar class="sb-popover-toolbar">
<ion-title text-capitalize>{{ 'FRMELEMENTS_LBL_HINT' | translate }}</ion-title>
<ion-buttons class="sb-header-btn-group pr-12" slot="end">
<ion-button icon-only (click)="cancel()">
<ion-icon name="close"></ion-icon>
</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
{{ hint }}
</ion-content>
.closeBtn {
// color: white !important;
font-size: 1.5rem;
padding-right: 10px;
}
ion-content{
--background: var(--app-white) !important;
}
Legend
Html element with directive