角度指令中的css选择器

Posted 2023-02-22

【中文标题】角度指令中的css选择器

【英文标题】：css selector in angular directive

【发布时间】：2020-03-24 02:47:07

【问题描述】：

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

元素名称：按元素名称选择 .class：按类名选择。 [属性]：按属性名称选择。 [attribute=value]：按属性名称和值选择。 :not(sub_selector): 仅当元素与 sub_selector 不匹配时才选择。 selector1，selector2：选择 selector1 或 selector2 是否匹配。

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

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

我错过了什么？

【参考方案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