Question

在Angular中，如何从组件模板周围删除选择器标记？它正在为浏览器以显示组件中的<td>字段。我有<tr>的许多实例，并且每个实例的第一个<td>的样式都不同：

<tr>
  <td>1.1</td><td>1.2</td>
        <app-summary-data-row [data]="data[1]">
        </app-summary-data-row>
    </tr>
    <tr>
            <td colspan=2>2</td>
            <app-summary-data-row [data]="data[2]">
            </app-summary-data-row>
        </tr>

但是，<td>的多数集遵循相同的模式，因此我想将其设为相同的模板。麻烦的是角度表的标签，这会使表格的结构变形。

Answer 1

您可以在@component装饰器中使用属性选择器：-

@Component({
  selector: '[component-name]'
  ...
})

然后将其用作：-

<div component-name>
  ...
</div>

根据文档：-

您可以指定一个CSS选择器，该选择器在模板中标识此伪指令。受支持的选择器包括element，[attribute] 、. class和：not（）。

不支持父子关系选择器。

在Angular中，如何从组件模板周围删除选择器标签？

1 个答案: