我需要一个可重复使用的mat-chip-list
输入,它知道以下内容:可以在输入中输入任何内容,但只能将有效的电子邮件地址添加到芯片列表中。如果输入中包含无效的电子邮件并且用户按ENTER
,COMMA
或TAB
,则无法将输入值添加到列表中并且mat-form-field
应该有错误。
我有一个工作示例,但这不能作为mat-form-field
输入重复使用,每次我想使用它时都需要复制粘贴它:(
我对如何解决问题持开放态度,我尝试mat-form-field
从自定义输入中调用错误(我知道这不好),我尝试为mat-form-field
.
我正在使用 Angular 9.1.12 和 Angular Material 9.2.4。
这是一个新的可重用但不工作的组件和不可重用但工作的组件的示例: https ://stackblitz.com/edit/angular-material-chip-list-email-input