Angular 学习日记 9 - 自定义指令

1、手动创建

目的：实现一个简单的设置背景的指令。

首先创建一个文件，文件后缀为 .directive.ts

结构分析：

• 首先，需要导出这个指令类
• 其次，就像添加组件@Component() 一样，需要添加一个装饰器@Directive()，从‘angular/core’导入。
• 然后，需要有一个对象来传入这个装饰器，对于指令绝对需要的一件事就是选择器，以此来作为指令名，去添加到我们的元素上进行使用。需要注意的一点，需要在指令名两边添加方括号
• 最后，在app.module.ts 中导入该指令和添加到declarations中

 basic-highlight.directive.ts

import { Directive } from "@angular/core";

@Directive({
  selector: '[basicHighlight]'
})
export class BasicHighlightDirective {