Добавление пользовательского тега компонента в оповещение Ionic 4

Question

Я работаю с ионной 4.9.0.Я хочу добавить свой компонентный тег в оповещении.Но это не работает.

Вот мой код предупреждения.

async navigateTo(url)
  {
    let logoutAlert;
    if(url != 'logout')
      this.router.navigate(['/menu/' + url]);
    else
    {
      logoutAlert = await this.alertCtrl.create({
        message: "<logout></logout>"
      });
      await logoutAlert.present();
    }
  }

Вот мой файл logout.component.ts

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

@Component({
  selector: 'logout',
  templateUrl: './logout.component.html',
  styleUrls: ['./logout.component.scss']
})
export class LogoutComponent implements OnInit {

  constructor(
    private navCtrl: NavController
  ){}

  ngOnInit() {
  }

  logout()
  {
    this.navCtrl.navigateRoot('/home');
  }
}

Вот мой logout.component.htmlfile

<div>Are You sure?
  <button (click) = "logout()">Yes</button>
  <button>No</button>
</div>

Другие предложения тоже будут оценены.Спасибо.

Answer 1

Ионные оповещения не могут использовать пользовательские компоненты.В message вы можете передавать string только с основными / базовыми тегами HTML (такими как strong, h1, p и т. Д.), Но не с пользовательскими компонентами.А предупреждения предназначены только для этой цели, чтобы предоставить минимальную и важную информацию.

Если вы действительно хотите использовать пользовательский компонент в предупреждении, вы можете использовать модальный и проектировать его какпредупреждение.