用于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"元素.IE: <app-row></app-row>？什么是适当的Angular 6方法来实现这一目标？

注意:我已经查看了样式指南的链接,该部分没有涵盖与我的特定用例类似的内容.我也尝试通过id选择,但得到相同的lint错误.

Answer 1

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

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