角度指令中的css选择器

问题描述 投票:0回答:1

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

  1. 元素名称:按元素名称选择
  2. 。class:按类别名称选择。
  3. [属性]:按属性名称选择。
  4. [[attribute = value]:按属性名称和值选择。
  5. :not(sub_selector):仅当元素与sub_selector不匹配时才选择。
  6. 选择器1,选择器2:选择选择器1或选择器2是否匹配。

但是对我来说,似乎唯一适用于指令的选择器是3和6。

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

我想念什么?

angular angular-directive angular2-directives
1个回答
2
投票

请查看工作示例。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 { }
© www.soinside.com 2019 - 2024. All rights reserved.