里面的表格标签不起作用

Question

我有一张桌子。它有一行输入字段作为表格单元格。但是当表格加载到表格内时，它会出现在表格的单个单元格中，而不是整行。

Here is the plunker eg

具有以下形式的子组件：

<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>

加载子项的父组件：

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

Answer 1

看起来您不需要使用<form>元素。只需将ngForm或formGroup添加到<tr>

即可

<tr ngForm>

或

<tr [ngFormGroup]="myForm"

虽然没有尝试过自己