角度指令中的css选择器

Question

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

1. 元素名称：按元素名称选择
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 { }