angular ngrx 数据在新组件添加屏幕中显示 id

Question

我克隆了：https://github.com/johnpapa/angular-ngrx-data 并添加了一个名为 alerts 的新组件。但是，当我在警报上单击 "add" 时：

1. 它显示 "id" 字段，而它在 heroes 中没有显示。
2. 保存 按钮被禁用，而在英雄中它被启用。

谁能说出导致这些问题的警报组件和英雄组件之间的区别是什么？

see my source code here: ngrx-data-alerts-component

Answer 1

在 alert-detail.component.html 中，您错误地将 formControlName 命名为 symbol 而不是 name，这是必填字段 name: ['', Validators.required]。

将第 15 行更改为：

<input matInput formControlName="name" placeholder="name" #name
              (keyup.esc)="close()" (keyup.enter)="saveAlert()">

Here is a running fix.