数据未显示 Angular8（Metronic 主题）

Question

当我在我的 html 中使用它时，{{user.firstName}}数据会显示，但有错误，但是当我在 html 中使用它时，{{user?.firstName}}数据不会显示，但没有错误，但当我单击按钮时，数据会显示。大家好，我使用 metronic 和 angular8

对于如何显示数据，你们有其他人吗？

import { Component, OnInit, enableProdMode } from "@angular/core";
import { DealerapiService } from "../services/dealerapi.service";
import { DomSanitizer } from "@angular/platform-browser";
import { FormGroup, FormBuilder } from "@angular/forms";
import { ActivatedRoute } from "@angular/router";

@Component({
    selector: "kt-home-profile",
    templateUrl: "./home-profile.component.html",
    styleUrls: ["./home-profile.component.scss"]
})
export class HomeProfileComponent implements OnInit {
    constructor(
        private dealerApiService: DealerapiService,
        private domSanitizer: DomSanitizer,
        private formBuilder: FormBuilder,
        private route: ActivatedRoute
    ) {}
    forms: any;
    profileForm: FormGroup;
    imageurl: any;
    username: any;
    user: any;
    ngOnInit() {
        this.route.params.subscribe(params => {
            // get the username out of the route params
            this.username = params["username"];

            const username = params["username"];
            this.dealerApiService
                .getUserbyUsernameProfile(username)
                .subscribe((user: any) => {
                    this.user = user.data;
                    console.log(user);
                });
        });

    }

}

Answer 1

这正是我的问题...Metronic 主题不会将从 API 接收到的数据渲染到模板。它在发出事件后渲染接收到的数据。因此，您可以将单击功能绑定到任何已呈现的按钮。

Document.getElementById('alreadyRenderedBTN').click();

...或者只需将ChangeDetectionStrategy.OnPush
更改 为 ChangeDetectionStrategy.Default

内部app.component.ts