使简单的DOM属性成为来自指令的单向绑定属性
使简单的DOM属性成为来自指令的单向绑定属性
提问于 2018-02-22 22:17:28
显然，我的目标是在使用angular指令之后，使<input type="text" placeholder="example" />元素看起来像<input type="text" [placeholder]="'example'" />
import { Directive, HostBinding } from '@angular/core';
@Directive({
selector: 'input[placeholder]'
})
export class PlaceholderDirective {
@HostBinding('placeholder') placeholder:string;
constructor() {
}
}但我现在真的不知道如何在没有undefined值的情况下在[placeholder]中获取第一个设置的placeholder="A placeholder"。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-02-22 22:17:28
好的，我通过问和写这个问题来回答我自己，但这里是给那些会问自己这个问题的人:我导入了ElementRef来访问原始的占位符值，并直接在constructor中设置它！
import { Directive, HostBinding, ElementRef} from '@angular/core';
@Directive({
selector: 'input[placeholder]'
})
export class PlaceholderDirective{
@HostBinding('placeholder') placeholder:string;
constructor(elementRef: ElementRef) {
this.placeholder = elementRef.nativeElement.placeholder;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48929648
复制相关文章
相似问题
腾讯云开发者
