Angular 如何让component.ts在加载模板之前加载数据？

我的模板上有一个错误，这给了我从早期加载模板中得到的许多解析错误。请帮忙

    ngOnInit() {
        this.getProjectDetails();
    }

    getProjectDetails() {
        this.productId.id = this.activatedRoute.snapshot.paramMap.get('id');

        this.amen.getProjectDetails(this.productId).subscribe(
            (response) => {
                this.handleResponse(response);
            },
            (error) => {
                this.error = error.error.error;
            }
        );
    }

    handleResponse(response) {
        console.log('Pro Details---------------', response);
        this.productDetails = {
            image: response.responseData.project_image,
            title: response.responseData.name,
            date: response.responseData.created_at,
            amount: response.responseData.amount,
            description: response.responseData.description,
            video_url: response.responseData.video_url
        };
    }

---

在html中使用productDetails之前，只需检查它是否真实：

<ng-container *ngIf="productDetails">
{{ productDetails.title }}
...

</ng-container>

{{productDetails.title}
...

正如Z.Balbol所说，首先检查productDetails变量的真实性。您还可以使用以下语法：

<ng-container>
{{ productDetails?.title }}
...

</ng-container>

{{productDetails？.title}
...

您遇到了哪些错误？请也提一下！