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