Question

请原谅我对此事缺乏了解。所以让我来解决我的问题。我创建了一个包含这样的信息的模型。

export class Organization {
     orgId?: string;
     orgName: string;
     orgAddress: string;
}

然后我用我的服务将它导入我的控制器以获取我的数据。

import { Organization } from '../model/organization';
import { OrganizationService } from '../service/organization/organization.service';

所以说了这么多。我设置我的模型和服务以获取我的数据。

 organization: Organization


 ngOnInit() {
   this.orgSvc.getUserOrganization().subscribe(org => {
    this.organization = org.data();
    console.log(this.organization );   
 })
}

如果我console.log数据。它会打印出我需要的所有数据。

{
    orgId: 'sdfasfasdfcv',
    orgName: 'testOrg',
    orgAddress: 'street test'
 }

但每次我将它显示在我的视图中。它给我一个undefined属性的错误。

{{ organization.orgName }}

我错过了什么？我阅读了angular io的文档。即使我创建了一个新实例。像this.organizationData = new Organization('', '', '' ... )一样，它不起作用。

Answer 1

使用typesafe ? 运算符

{{ organization?.orgName }}

这是因为在呈现DOM之后进行服务调用。在您尝试访问其属性时，对象为undefined时，它不可用。上述修复将阻止初始错误

更多信息 read here

在视图中显示通过模型分配的数据

1 个答案: