フォームタグ内部には動作しません。

Question

私はテーブルを持っています。テーブルセルとして入力フィールドを持つ行があります。しかし、フォームがテーブル内に読み込まれると、行全体ではなくテーブルの単一のセルに表示されます。

<form [formGroup]="dependentForm"> 
    <td> 
    <input type="text" size="10" formControlName="first"> 
    </td> 
    <td> 
    <input type="text" size="10" formControlName="last"> 
    </td> 
    <td> 
    <input type="text" size="10" formControlName="dob"> 
    </td> 
</form> 

子をロードする親コンポーネント：あなたが<form>要素を使用する必要はありませんように

<table> 
    <thead> 
    <tr> 
     <th>First</th> 
     <th>Last</th> 
     <th>DOB</th> 
    </tr> 
    </thead> 
    <tbody dependent-row></tbody> 
</table>