angular - 角度指令中的css选择器

Question

查看角度指令的文档，他们列出了有效的选择器。 https://angular.io/api/core/Directive

1. element-name：按元素名称选择
2. .class：按类名选择。
3. 【属性】：按属性名选择。
4. [attribute=value]：按属性名称和值选择。
5. :not(sub_selector)：仅当元素与 sub_selector 不匹配时才选择。
6. selector1, selector2：如果 selector1 或 selector2 匹配，则选择。

但对我来说似乎在指令中起作用的唯一选择器是 3 和 6。

这是一个堆栈闪电战，我尝试.test在指令中选择 css 类，但它不起作用。 https://stackblitz.com/edit/angular-css-class-selector-in-directive

我错过了什么？

Answer 1

请看一下工作示例。 https://stackblitz.com/edit/angular-css-class-selector-in-directive-xqwriz

您需要将您的指令注册到app.module.

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';

import { AppComponent, ComponentWithCssSelector, CssClassDirective } from './app.component';

@NgModule({
  imports:      [ BrowserModule, FormsModule ],
  declarations: [ AppComponent, ComponentWithCssSelector, CssClassDirective],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }