查看有关角度指令的文档,它们列出了有效的选择器。https://angular.io/api/core/Directive
但是对我来说,似乎唯一适用于指令的选择器是3和6。
[这是一个堆栈闪电,我尝试在指令中选择.test
css类,但它不起作用。https://stackblitz.com/edit/angular-css-class-selector-in-directive
我想念什么?
请查看工作示例。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 { }