问题标签 [angular-template-form]

当我的 Angular 组件 HTML 呈现时。我会得到很多看起来像这样的错误

错误类型错误：无法读取未定义的属性（读取“someProperty”）

在我的 HTML 页面中，我有很多看起来像这样的绑定

在大多数组件中，我调用服务以从“ngOnInit()”中的控制器获取数据，并且我知道在数据从控制器返回之前防止此错误的一种解决方案是使属性可以像这样为空

但这似乎不是一个实际的解决方案，特别是如果我在页面上有几十个。

我试过的 -

1. 用“？”使它们可以为空 但这似乎不正确，特别是如果我总是这样做
2. 将从控制器返回的对象类型设置为“任意”（例如事件：任意），但在某些情况下仍会显示错误

问题 - 处理此问题的最佳解决方案是什么，以便在我的页面数据加载之前我不会一直收到这些错误？

我应该有一些像 *ngIf="event" 这样的条件并隐藏页面直到收到数据并在等待时显示一些加载指示器？或者有什么方法可以防止这些错误显示在控制台中？

编辑 - 这是我用来从控制器获取数据并将其设置为“事件”的代码

我正在尝试构建一个表单，您可以在单击添加按钮时创建另一个输入字段。问题是为每一行输入填充了相同的值。从下图中可以看出，每一行都获得相同的值。我认为这是因为 ngmodel。或者也许是别的东西。如何解决这个问题？

图片

html

ts

因为我在模板表单中使用了几个类似的 mat-inputs，所以我为这些 mat-inputs 定义了一个 ng-template 并通过引用它*ngTemplateOutlet并将相关数据传递给模板，如下所示：

但我收到了这个错误：

如何解决这个问题？此致

我有多个在ngFor循环中生成的角度形式，如下所示。每个表格都是一个向导步骤，用户可以通过单独填写表格来前进。在表单输入字段中，我添加了自定义属性，该属性通过动态建筑物名称保存错误消息。我正在努力的是在单击 Next 时显示与 formControl 相关的错误消息，因为我无法从 FormControl 中获取 Native 元素。

下面是我如何尝试从 TS 文件中获取当前步骤并尝试手动调用验证

我有一个表单，其中子类别和保存按钮正确调用 mat-error 对于所有类别中的所有字段，如果没有输入，则一次正确。但是我也为每个类别添加了按钮，并且想在添加新字段之前验证这些字段是否具有价值？