javascript - 使用自定义数据类型作为接口(interface)调用 ngModel

Question

在我的代码中，我创建了一个界面

export interface IEmpresas {
  nome_fantasia : string;
  razao_social : string;
  cnpj : string;
}

现在在我的组件上，我创建了一个数据类型作为我的接口(interface)的变量，如下所示:

...
private empresa : IEmpresas;
...

我正在尝试将此变量作为模型放入我的 html 输入中:

<input type="text" [(ngModel)]="empresa.razao_social" id="razao_social">

但出于某种原因，我仍然得到:

'无法读取未定义的属性'razao_social'

Answer 1

你得到的未定义错误是因为你没有实例化你的对象。

 public empresa : IEmpresas={nome_fantasia:'',razao_social:'',cnpj:''};

P.S. 使用 public 而不是 private，TypeScript public 无关紧要，但 private 重要

From Angular Docs
All data-bound properties must be TypeScript public properties. Angular never binds to a TypeScript private property

实际上，它确实绑定(bind)到私有(private)属性，但不是在 AoT 模式下

Working StackBlitz