angle2 * ngForループの入力セルからデータにアクセスする

Question

<table class="border-grey ocj-admin-table"> 
    <tr> 
     <th>Customer ID</th> 
     <th>Contract ID</th> 
     <th>Product Instance ID</th> 
    </tr> 
    <tr *ngFor="let journeyDetail of journeyDetails; let i = index"> 
     <td ><input #custId type ="textField"/></td> 
     <td ><input #contractId_{{i}} type ="textField"/></td> 
     <td ><a href="?{{custId_{{i}}.value}}&{{contractId_{{i}}.value}}">launch</a></td> 
    </tr> 
</table> 

入力フィールドから作成されたURLに起動します。しかし、hrefの2つの中括弧でエラーが発生しています。

私は間違っていますか？

Answer 1

ネスティング中括弧無効

あるだけ

{{custId + '_' + i + '.' + value}} 

を使用します。また、動的

#contractId_{{i}} 

建てテンプレート変数名を持つことはできません{{i}}一部のISN無効

ですとにかく必要です。

*ngForのすべての要素は、同じテンプレート変数を持つことができます。あなたが1つを参照する場合は、最も近いものが使用されます。