组件的角度默认类答案

【问题标题】：angular default class for component组件的角度默认类
【发布时间】：2018-09-03 06:09:16
【问题描述】：

如何为 Angular 组件添加默认 CSS 类？

类似这样的：

@Component({
  selector: 'app-slide-in-menu',
  templateUrl: './slide-in-menu.component.html',
  styleUrls: ['./slide-in-menu.component.styl'],
  class: 'app-slide-in-menu'
})

但显然class 不起作用

我想要的结果是组件将被分配给组件内最顶层元素或组件本身的 css 类。

谢谢

【问题讨论】：

How to add "class" to host element?的可能重复
您是否故意将您的 css 类命名为“slide-in-menu.component.styl”？它不应该以'.css'或'.scss'而不是'.styl'结尾吗？这可能是您面临的问题吗？
我没有使用手写笔，但谢谢:)
您可以在模板中添加一个类并在每个单独的组件 .styl 文件中覆盖它吗？
你为什么需要这个类？您可以直接设置 app-slide-in-menu 元素的样式。

标签： angular

【解决方案1】：

如果你想添加没有条件的类，请添加：

HostBinding('class.yout-desired-class') yourClass = true;

否则：

HostBinding('class.yout-desired-class') yourClass = someCondition;

【讨论】：

【解决方案2】：

:host{...} 你可以使用 :host 来设置组件的样式

【讨论】：