angular6 - tr 元素的 Angular 6/TSLint 组件选择器

Question

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

@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 错误。

Answer 1

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

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