Typescript 单击事件类型时键入脚本jQuery
我在angular typescript文件中有一些代码:Typescript 单击事件类型时键入脚本jQuery,typescript,Typescript,我在angular typescript文件中有一些代码: $('.dashboard-table').on('click', 'tbody tr', function(event: JQueryEventObject) { // changing this to any removes TS error const test: Test = <Test>$('.dashboard-table').DataTable().row(this).da
$('.dashboard-table').on('click', 'tbody tr',
function(event: JQueryEventObject) { // changing this to any removes TS error
const test: Test = <Test>$('.dashboard-table').DataTable().row(this).data();
self.openTest(test.id, event);
}
);
openTest(id: number, $event: MouseEvent|JQueryEventObject) {
let target = $event.srcElement || $event.target as HTMLElement;
if (target.tagName.toLowerCase() == 'a'
|| $(target).parents('a').length
|| target.tagName.toLowerCase() == 'button'
|| $(target).parents('button').length) {
return;
}
this.router.navigate([this.urls.paths.test(id)]);
}
$('.dashboard table')。在('click','tbody tr',上,
函数(事件:JQueryEventObject){//将其更改为任何将删除TS错误
常量测试:测试=$('.dashboard table').DataTable().row(this.data();
self.openTest(test.id,event);
}
);
openTest(id:number,$event:MouseEvent | JQueryEventObject){
让target=$event.src元素| |$event.target作为HTMLElement;
如果(target.tagName.toLowerCase()=='a'
||$(目标).parents('a').length
||target.tagName.toLowerCase()==“按钮”
||$(目标).parents('button').length){
返回;
}
this.router.navigate([this.url.path.test(id)]);
}
它抛出了一个类型脚本错误:
error TS2345: Argument of type '"click"' is not assignable to parameter of type
'PlainObject<false | EventHandler<HTMLElement,
(this: HTMLElement, event: JQueryEventObject) => vo...'.`.
错误TS2345:类型为“click”的参数不能分配给类型为的参数
'PlainObjectJQuery的on()方法将JQuery.Event类型的对象传递给处理程序,您可以在此处阅读有关该处理程序的详细信息:
例如:
$(document).on('click',(事件:JQuery.event)=>{console.log(event);})代码>是否不使用jquery?您正在使用angularI concur。您不应该在角度设置中使用jQuery单击事件,除非出于遗留原因需要使用某些jQuery特定功能?@kingdaro我们正在动态生成Datatables.net DataTable-在这种情况下,如何使用Angular来生成单击事件?