angular中，<nz-layout><tbody><tr *ngfor><td></td></tr> <nz-divider [nzText]="'and'"></nz-divider></tbody></nz-layout>。其中 <nz-divider横线为什么不显示？

在Angular中，`<nz-divider>`组件通常用于展示分割线，但是在这段HTML代码里， `<nz-divider>`标签被嵌套在了`<tbody>`标签内部，并且在其外层包围着`<nz-layout>`和`<tr>`元素的循环部分`*ngFor`。这样的结构可能导致一些问题：

1. `<nz-divider>`组件通常需要直接放在表格行(`<tr>`)之间的空隙位置，以便在行与行之间创建分隔。然而，你在这里将它包裹在了一个循环里，这使得它不会自然地插入到每个`<td>`元素之后。

2. 如果`<tr>`元素本身已经包含了内容，那么`<nz-divider>`可能会被覆盖或者是多余的，因为每个`<tr>`已经有了其自身的结束标签`</tr>`，而`<nz-divider>`没有明确的上下文可以放置。

为了使`<nz-divider>`正常显示，你应该将其移出`<tr>`和`<td>`之外，确保它位于相邻的`<tr>`元素之间。如果每个表格单元格都不希望有分隔线，可以在`<nz-layout>`的外面添加一个`<nz-divider>`。

正确的结构可能是这样的：

<nz-layout>
  <!-- 你的数据循环 -->
  <tr *ngFor let-item (let index = "index")="...">
    <td>{{ item }}</td>
  </tr>

  <!-- 如果你想要在每行末尾添加一个横线 -->
  <nz-divider *ngIf="index !== 0" nzText="'and'" [nzPosition]="nzDividerPosition"></nz-divider>
</nz-layout>

在这个例子中，`nzDividerPosition`可以根据需求设置，比如`nzDividerPosition="bottom"`让横线出现在每个`<tr>`下方。