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

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

如果我控制台记录数据。它会打印出我需要的所有数据。

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

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

{{ organization.orgName }}

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

Answer 1

使用类型安全?运算符

{{ organization?.orgName }}

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

更多信息read here