Angular 8渲染组件在DOM中没有额外的包装元素

Question

我正在尝试将我的演示文稿组件拆分为多个组件。当我这样使用选择器时：

@Component({
  selector: 'app-video',
  templateUrl: './video.component.html',
  styleUrls: ['./video.component.scss']
})

它添加了一个包装器“ app-video”元素作为我的组件的父元素，这破坏了我的样式。

解决此问题的一种方法是，我使用类选择器或这样的选择器：

@Component({
  selector: '[app-video]',
  templateUrl: './video.component.html',
  styleUrls: ['./video.component.scss']
})

哪个效果很好，但是tslint抱怨它，因为根据角度样式指南，它被认为是不好的做法：

谁能告诉我实现这一目标的最佳和有效方法吗？

Answer 1

也许您应该考虑在组件上使用视图封装：无https://angular.io/api/core/ViewEncapsulation