renderer2集合属性中指定的角度访问函数
renderer2集合属性中指定的角度访问函数
提问于 2022-01-10 17:05:26
我有一个指令，它使用renderer.setProperty将表值替换为“href”。
附加到“href”是一个“单击”属性，它不确定如何访问该函数："onClickAccountLink($event)“或向其添加编程函数。
我尝试在同一个指令中添加相同的函数名，但它似乎没有使用同一文件中指定的相同函数。
import { Directive, ElementRef, OnInit, Renderer2 } from '@angular/core';
@Directive({
selector: '[AccountLink]'
})
export class AccountLink implements OnInit {
constructor(public el: ElementRef, public renderer: Renderer2) {}
ngOnInit() {}
ngAfterViewInit() {
let iban = this.el.nativeElement;
if(iban) {
this.format(iban);
}
}
format(val) {
this.renderer.setProperty(val, 'innerHTML', `<a href="javascript: void(0)" (click)="onClickAccountLink($event)">${val.innerHTML}</a>`);
console.log(typeof(val.innerHTML)) //string
}
onClickAccountLink(event: any) {
console.log(event)
event.stopPropagation();
event.preventDefault();
console.log("function called")
}
}该指令附加到表行中的值。
<td AccountLink>{{iban}}</td>如何使我的onClickAccountLink函数可用？
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-01-11 07:20:11
我读了this problem，它解决了我的问题。
我添加了"render.listen“来检查单击事件
format(ibanValue) {
this.renderer.setProperty(ibanValue, 'innerHTML', `<a href="javascript: void(0)">${ibanValue.innerHTML}</a>`);
this.renderer.listen(ibanValue ,'click', ()=> {
this.onClickAccountLink(ibanValue);
});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70660548
复制相关文章
【Android Gradle 插件】Gradle 扩展属性 ④ ( 扩展属性访问方式 | 直接访问扩展属性 | 通过 ext 对象访问 | 在 gradle.properties 中定义扩展属性 )
![【Groovy】集合声明与访问 ( 使用 [] 创建 ArrayList 和 LinkedList 集合 | 集合赋初值 | 使用下标访问集合 | 使用 IntRange 作为下标访问集合 )](https://developer.qcloudimg.com/http-save/yehe-2542479/7aabf09c8aa392ed47ee394c3cb7ac05.png)
相似问题
使用角度上的renderer2在按钮中设置(单击)属性
在`compareWith`函数中以角度访问类属性
Renderer2角度需要吗？
角度8中接口中的访问集合
访问项集合中的属性
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
