转载自 http://www.ngui.cc/news/show-130.html
在 Angular 中，我们可以通过 Attribute 装饰器来获取指令宿主元素的属性值。
指令的作用
该指令用于演示如何利用 Attribute 装饰器，获取指令宿主元素上的自定义属性 author 的值。
指令的实现
import { Directive, HostBinding, HostListener, Input, Attribute } from '@angular/core';
<@Directive({selector: '[greet]' }) export class GreetDirective {
@Input() greet: string;
@HostBinding() get innerText() { return this.greet;}
@HostListener('click',['$event']) onClick(event) { this.greet = 'Clicked!'; console.dir(event);}
constructor(@Attribute('author') public author: string) { console.log(author);}
}
指令的应用
import { Component } from '@angular/core';
@Component({selector: 'app-root',template: `Hello, Angular
Hello, Angular
`,
})
export class AppComponent { }
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！
