Angular编译器如何处理多个同名模板引用变量

Question

我想开始为 angular 做贡献，我有一个功能想法，我希望模板编译器在模板包含两个同名的模板变量时发出警告。我想我设法接近负责的源文件：https://github.com/angular/angular/blob/master/packages/compiler/src/view_compiler/view_compiler.ts 但无法完全找到位置，这是可以理解的。这里有没有人可以指导我？

Answer 1

您需要查看 _assertNoReferenceDuplicationOnTemplate 方法：

  _assertNoReferenceDuplicationOnTemplate(result: TemplateAst[], errors): void {
    const existingReferences: string[] = [];

    result.filter(element => !!(<any>element).references)
       .forEach(element => (<any>element).references.forEach((reference: ReferenceAst) => {
          const name = reference.name;
          if (existingReferences.indexOf(name) < 0) {
            existingReferences.push(name);
          } else {
            const error = new TemplateParseError(
                `Reference "#${name}" is defined several times`, reference.sourceSpan,
                ParseErrorLevel.ERROR);
            errors.push(error);
          }
        }));
  }

Angular 编译器创建 AST，其中一种节点类型为 ElementAST，其中有 references 属性:

export class ElementAst implements TemplateAst {
  constructor(
      public name: string,
      public references: ReferenceAst[],
      ...

这是在 _assertNoReferenceDuplicationOnTemplate 函数中检查的属性，如果找到，则会生成错误。

Angular编译器如何处理多个同名模板引用变量

How does Angular compiler process multiple template reference variables with the same name

angular

angular-compiler