Правильно ли работать с новой функцией "Bootstrap Toast" в Angular 7+? - PullRequest
0 голосов
/ 29 апреля 2019

Я пытаюсь использовать Bootstrap 4.2 Toast с приложением Angular 7.Я не могу перевести пример Jquery, предоставленный документацией Bootstrap, в Angular.

В настоящее время я использую Jquery внутри своего HTML-шаблона, который вызывает $('.toast').toast('show'), чтобы показать все тосты DOM, когда мой компонент готов, но яЯ уверен, что это неправильный путь.Я хотел бы показать уведомления о тостах на ngOnInit() или другую функцию, которую я могу вызвать в .component.ts .

Например, я хочу показать одно уведомление о тостах.

1 - Текущий метод

toast.component.html

[...]

<div class="toast" id="toast" ...></div>

[...]

index.html

[...]
<!-- Little hack to initialize Toast (according to the documentation) -->
<script>
$(document).ready(function(){
    $('#toast').toast('show');
});
</script>
[...]

2 - желаемый метод

toast.component.html

[...]

<div class="toast" id="toast" ...></div>

[...]

тост.component.ts

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

@Component({
  templateUrl: './toast.component.html'
})
export class ToastComponent implements OnInit {

  ngOnInit() {
    // Here is a good way to show a toast notification right here ?
  }

}

Вот stackblitz , который показывает это текущее поведение.

Я знаю, что это недавняя функция, но если кто-то найдетхороший способ справиться с Bootstrap Toasts, это было бы очень полезно :) 1045 *

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...