Открыть ng-шаблон в функции ngOnInit не работает

Question

Я создал один нг-шаблон с двумя текстовыми полями. Я пытаюсь открыть это всплывающее окно при загрузке экрана. Но когда я передаю свой идентификатор, он не работает.

<ng-template #contentreset let-c="close" let-d="dismiss">
                <div class="modal-header">
                    <p class="modal-title" style="color:black;font-weight: bold;font-size:14px;">Reset password</p>
                    <button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                 <
                </div>

ngOnInit() {
 this.modalService.open(contentreset,{ centered: true }); //here modalservice is NgbModal

});

Я попытался передать значение из другого нажатия кнопки, но это не сработало. Как передать идентификатор шаблона ng во время загрузки страницы

Answer 1

Ваш вид не загружен попробуйте

ngAfterViewInit() {

} life cycle of component

как это:

ngAfterViewInit() {
 this.modalService.open(contentreset,{ centered: true }); //here modalservice is NgbModal

});

Подробнее о LIFE_CYCLE_HOOKS

Answer 2

Перед использованием ngTemplate нам нужно создать его tempateRef в компоненте, поэтому попробуйте так

 @ViewChild('contentreset ') contentreset : TemplateRef<any>;

вызвать этот шаблон в ngAfterViewInit() для получения дополнительной информации посмотрите здесь

 ngAfterViewInit() {
     this.modalService.open(this.contentreset,{ centered: true }); //here modalservice is NgbModal
 });