css 选择器在 angular 指令中

Question

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

元素名称：Select 按元素名称
.class：Select class 姓名。
[属性]：Select 按属性名称。
[attribute=value]：Select 按属性名称和值。
:not(sub_selector): Select 仅当元素不匹配 sub_selector.
selector1，selector2：Select 如果 selector1 或 selector2 匹配。

但似乎唯一对我有用的 select 指令是 3 和 6。

这是一个 stackblitz，我尝试在指令中 select .test css class 但它不起作用。 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 { }

css 选择器在 angular 指令中

css selector in angular directive

angular-directive

angular2-directives

angular