Ionic 4-使用Jquery不要调用事件创建的按钮

时间:2019-05-22 22:04:21

标签: javascript jquery angular ionic-framework

我在我的项目中使用了Ionic 4,并在其中使用了Jquery,在html页面上,我用以下代码创建了一个按钮:

<ion-button (click)="event1()">EVENT1 < / ion-button>

在.ts页中,我创建了在div内执行追加的函数,也就是说,每次单击event1按钮时,都会创建一个新输入。

event1 () {
//i remove the appends codes and bla bla bla
<div> <div> </ div> <div id = "goku" (click) = "event2 ()" <div class = > </ ion-button> </ div>
}

可以工作并创建带有旁边按钮的输入。

但是当我单击输入附带的按钮时,我应该调用event2

在event1下的.ts文件中,我创建了函数

event2 () {
alert ('Hi i am Goku')
}

但是没有调用任何事件,就像控制台上没有错误显示一样。

但是,如果您在html文件中手动创建它,则

该事件的调用没有问题。

2 个答案:

答案 0 :(得分:1)

也许最好的方法是使用数组迭代器创建按钮。 当您单击第一个事件时,将下一个按钮的ID推入数组,然后在视图中执行数据迭代器。 我不知道我是否解释。

答案 1 :(得分:0)

最好避免将jQuery与Angular混合使用,以提高样式和性能。您可以查看Ionic Forum作为有关离子相关问题的资源。