如何使用属性指令禁用元素？
如何使用属性指令禁用元素？
提问于 2022-03-03 14:24:43
我创建了一个自定义指令来禁用给定条件的元素，但它并不像我预期的那样工作。我试过了
this.renderer.setAttribute(this.elementRef.nativeElement, "disabled", "true"); 和
this.elementRef.nativeElement.disabled = true;但他们都没用。
我在垫子滑动开关上测试了这个指令。如果我将disabled属性直接添加到HTML上，如下所示，它可以工作。
<mat-slide-toggle
[(ngModel)]="element.habilitado"
(change)="toggleActive(element)"
myCustomDirective
disabled
>这是我的指示
import { Directive, ElementRef, OnInit, Renderer2 } from "@angular/core";
@Directive({
selector: "[myCustomDirective]",
})
export class MyCustomDirective implements OnInit {
constructor(private elementRef: ElementRef, private renderer: Renderer2) {
console.log("nova diretiva");
}
ngOnInit(): void {
console.log(this.elementRef.nativeElement);
this.renderer.setAttribute(this.elementRef.nativeElement, "disabled", "true");
this.elementRef.nativeElement.disabled = true;
}
}回答 1
Stack Overflow用户
发布于 2022-03-03 14:29:34
你的问题是重复的，它已经被问到并在这里被回答了，https://stackoverflow.com/a/63411260/4017037
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71338763
复制相关文章
相似问题
腾讯云开发者
