Html 角度CDK表：元素'；td'；不能嵌套在元素'；表'；

我正在Visual Studio 2017的Angular 7项目中尝试使用Angular CDK表。当我遵循来自它的官方代码示例时，它工作得非常好，但我从visual studio得到以下警告：元素“td”/“th”不能嵌套在元素“table”中。

以下是参考代码：

    <table cdk-table [dataSource]="masterIds">

      <ng-container cdkColumnDef="name">
        <th cdk-header-cell *cdkHeaderCellDef> Name </th>
        <td cdk-cell *cdkCellDef="let id"> {{ ws[id].Name }} </td>
      </ng-container>

      <ng-container cdkColumnDef="code">
        <th cdk-header-cell *cdkHeaderCellDef> Code </th>
        <td cdk-cell *cdkCellDef="let id"> {{ ws[id].Code }} </td>
      </ng-container>


      <tr class="small" cdk-header-row *cdkHeaderRowDef="['name', 'code']"></tr>
      <tr cdk-row *cdkRowDef="let id; columns: ['name', 'code']" [routerLink]="['./', id]"></tr>

    </table>

名称
{{ws[id].Name}
代码
{{ws[id].Code}

你知道如何摆脱这些警告吗？他们在戳我的眼睛。谢谢

更新 以下是警告的图片：

绿色蜿蜒起伏：

---

A

th

应该在A

tr

中，您应该有如下内容：

<table>
    <tr>
        <th></th>
        <th></th>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

---

谢谢你最新的问题 这是因为Visual studio编译器本身，您可以搜索

如何抑制VS studio编译器警告（），和一个提示：切换到
VsCode
，用于前端开发。
我刚刚找到了一种“似乎”可行的方法；将所有列定义包装在一个不可见的
元素中，即：

<table cdk-table [dataSource]="masterIds">

  <tr style="display:none!important">
    <ng-container cdkColumnDef="name">
      <th cdk-header-cell *cdkHeaderCellDef> Name </th>
      <td cdk-cell *cdkCellDef="let id"> {{ ws[id].Name }} </td>
    </ng-container>

    <ng-container cdkColumnDef="code">
      <th cdk-header-cell *cdkHeaderCellDef> Code </th>
      <td cdk-cell *cdkCellDef="let id"> {{ ws[id].Code }} </td>
    </ng-container>
  </tr>


  <tr class="small" cdk-header-row *cdkHeaderRowDef="['name', 'code']"></tr>
  <tr cdk-row *cdkRowDef="let id; columns: ['name', 'code']" [routerLink]="['./', id]"></tr>
</table>


名称
{{ws[id].Name}
代码
{{ws[id].Code}
元素不能在外部。@FatemeFazli当然不能，但这是创建Angular cdk表的语法（根据官方文档），Angular会将其编译成一个格式良好的表，其中每个元素都在一个内部。但是在开发过程中，VisualStudio正在抱怨，我希望它不要抱怨官方文档中的示例。Angular最终会将其编译成一个适当的表，但Visual Studio仍然显示警告，如何抑制这些警告。@AAkra Tslint的警告？你能为他们附上一张图片吗？我用图片更新了问题，这些是VS警告，而不是VisualStudio2017@AAkra，我建议您为前端开发人员切换到VSCode，angulars的应用程序不需要这样的IDE。