如何使用 api 生成模式的动态响应表单模块

Question

我有一个带有输入邮件的 angular 表单组，但我想为扩展名添加正则表达式模式，仅用于我的数据库中的内容。

我的服务 getAllDomain 已完成。

我不知道如何编写任何不以 @ 结尾的单词和我列表中的单词不区分大小写的正则表达式

我认为触发这样的动作[pattern]="patternEmail"

  getpatternEmail(){
domainList: string[] = [];
this.domainService.getAll().subscribe({
      next:(res) => {
        domainList=res;
    }});
    
    return ".@("+domainList.join('|')+")";
  }

Property 'patternEmail' does not exist on type 'CreateComponent'

如果我删除 get Type '() => string' is not assignable to type 'string | RegExp'. Type '() => string' is not assignable to type 'string | RegExp'.

Answer 1

像这样的东西应该工作

get patternEmail(): string{
    domainList: string[] = [];
this.domainService.getAll().subscribe({
      next:(res) => {
        domainList=res;
    },
      error: (e) => {
      },
      () => {
        // 'onCompleted' callback.
        // No errors
       return ".@("+domainList.join('|')+")";
      }
    );
  }