Я пытаюсь использовать 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 *