角度指令中的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 { }