Angular2：关于模板参考变量在模板中的重复声明

Question

我发现了在模板中使用模板引用变量的一些问题。

当我在下面的根级声明相同的模板引用变量时，运行时编译器会抛出错误。

例如>

<input type="text" id="n-1" #myInput /> 
<input type="text" id="n-2" #myInput /> 

然而，当复制模板参考变量的声明作为子节点，那么就没有问题。

例如>

<div> 
    <input type="text" id="n-1" #myInput /> 
    <input type="text" id="n-2" #myInput /> 
</div> 

下面是示例代码：https://embed.plnkr.co/kqTXfh/

我发现，角编译器检查模板参考变量的声明的重复。

这是重复检查功能代码：https://github.com/angular/angular/blob/master/modules/%40angular/compiler/src/template_parser/template_parser.ts#L179-L196

总之，我的问题是，我可以在一个子节点使用复制的模板引用变量？

这是预期的结果吗？

在此先感谢。

Answer 1

相当晚的响应。虽然有人来到这个页面的情况下做出回应，但是他们都想知道。

根据官方文档，不建议为模板引用变量赋予相同的名称，因为它会在运行时产生不一致的结果。

https://angular.io/guide/template-syntax#template-reference-variable-warning-notes