用于 tr 元素的 Angular 6 / TSLint 组件选择器答案

【问题标题】：Angular 6 / TSLint Component Selector for tr element用于 tr 元素的 Angular 6 / TSLint 组件选择器
【发布时间】：2018-12-25 11:35:56
【问题描述】：

在早期版本中，我能够将组件选择器指定为属性。

@Component({
  selector: '[app-row]',
  ...
})
export class RowComponent implements OnInit {
  ngOnInit() {}
}

HTML：

<tr app-row></tr>

现在我得到了 lint 错误：

错误：/path/to/row.component.ts[8, 13]：组件“RowComponent”的选择器应用作元素（https://angular.io/styleguide#style-05-03）

我意识到我可以在元素中嵌套一个 tr，但我并不总是能够控制样式，而且我个人不喜欢不必要的嵌套，通常会尽量避免它。

如果我应该始终使用元素选择器，如何将组件指定为“tr”元素。即：<app-row></app-row>?什么是合适的 Angular 6 方法来完成这个？

注意：我已经查看了样式指南的链接，并且该部分未涵盖与我的特定用例类似的任何内容。我也尝试过按 id 选择，但得到相同的 lint 错误。

【问题讨论】：

【解决方案1】：

我更新了 tslint.json 以允许组件选择器成为一个属性。

"component-selector": [
  true,
  ["element", "attribute"],
  "app",
  "kebab-case"
],

【讨论】：