在ngOnInit函数中打开ng模板不起作用

Question

我创建了一个带有两个文本字段的ng模板。我正在尝试在屏幕加载时打开此模板弹出窗口。但是当我传递我的 id 时，它不起作用。

<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 模板 ID

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
 });