angular - 自定义 MatFormFieldControl 未在视图中显示初始值

Question

检查堆栈闪电战：https ://stackblitz.com/edit/angular-material-components-demo-5k6gey?file=src/app/app.component.html

当它有一个初始值时，它不会显示在视图中，当试图清除它的值时，它仍然显示错误。内在价值永远是正确的，问题是观点。“清除值”按钮也有问题，它在内部正确清除了值，但视图中显示的值有问题。

我已经尝试了 1000 件事情，包括 emitModelToViewChange: true、changeDetector、阅读每个 StackOverflow/GitHub 帖子等。使用 compareFn 会显示 All 的视图初始值（这是不正确的，因为它应该显示“11”而不是“”，并且它不能修复“明确值”错误。

标签： angularangular-materialcontrolvalueaccessormat-form-fieldmat-select

Answer 1

我通过将其添加到 mat-searchable-select 的调用者（app.component.html）来修复这两个错误

[value]="searchGroup.get(filter.key)?.value"

这就是 mat-searchable-select.html

[value]="value"