angular - 每当我写“？” 在 {{ forms?.title }} 中，错误消失但标题未显示在页面 ANGULAR8

Question

这是 my.component.ts 文件，我每次输入“？”时都会遇到问题 在我的 html 文件 {{ forms?.contactNumber }} 中，错误消失但数据未显示。我需要切换 sidenav 才能显示数据，这很奇怪

import { Component, OnInit } from "@angular/core";
import { FormBuilder, FormGroup, Validators } from "@angular/forms";
import { ActivatedRoute, Router } from "@angular/router";
import { DealerapiService } from "../../services/dealerapi.service";
import { Observable } from "rxjs/internal/Observable";

@Component({
    selector: "kt-edit-contact",
    templateUrl: "./edit-contact.component.html",
    styleUrls: ["./edit-contact.component.scss"]
})
export class EditContactComponent implements OnInit {
    submitted = false;
    forms: Observable<any>;
    profileForm: FormGroup;
    constructor(
        private formBuilder: FormBuilder,
        private route: ActivatedRoute,
        private dealerApiService: DealerapiService,
        private router: Router
    ) {}

    ngOnInit() {
        this.viewData();
        this.profileForm = this.formBuilder.group({
            contactNumber: ["", Validators.required],
            address: ["", Validators.required]
        });
    }
    viewData() {
        this.dealerApiService.getUser().subscribe(
            (res: any) => {
                this.forms = res.data;
                console.log(res);
            },
            err => {
                console.log(err);
            }
        );
    }

    onSubmit() {
        this.submitted = true;
        if (this.profileForm.invalid) {
            return;
        } else {
        }
    }
}

标签： angulartypescriptangular8

Answer 1

试试这样：

forms用空对象声明

forms: Observable<any> = {}

?并从模板中删除类型安全运算符

 {{ forms.contactNumber }}