Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 点击传单内的链接,弹出窗口不工作_Javascript_Angular_Ionic Framework_Leaflet - Fatal编程技术网

Javascript 点击传单内的链接,弹出窗口不工作

Javascript 点击传单内的链接,弹出窗口不工作,javascript,angular,ionic-framework,leaflet,Javascript,Angular,Ionic Framework,Leaflet,我正在尝试在我的传单标记弹出窗口中添加链接,但它不起作用,单击“不做任何事情”,实际上什么也不做,没有事件…: for (var i = 0; i < this.array.length; i++) { let arrayDetails = this.array[i]; var popupLink='<a (click)="console.log("toto")">See more information</a>'; var marker =

我正在尝试在我的传单标记弹出窗口中添加链接,但它不起作用,单击“不做任何事情”,实际上什么也不做,没有事件…:

for (var i = 0; i < this.array.length; i++) {
    let arrayDetails = this.array[i];
    var popupLink='<a (click)="console.log("toto")">See more information</a>';
    var marker = new leaflet.Marker([this.array[i]["lat"],this.array[i]["lng"]], {icon: orangeIcon})
    .addTo(this.map)
    .bindPopup(popupLink);
}
for(var i=0;i
我也尝试过函数,但它不起作用。 你知道吗?
(链接应该推到详细信息页面。)

您必须在
控制台.log()中转义引号,请尝试以下方法:

for (var i = 0; i < this.array.length; i++) {
    let arrayDetails = this.array[i];
    var popupLink='<a onclick="console.log(\'toto\')">See more information</a>';
    var marker = new leaflet.Marker([this.array[i]["lat"],this.array[i]["lng"]], {icon: orangeIcon})
    .addTo(this.map)
    .bindPopup(popupLink);
}
for(var i=0;i

编辑:修复单击方法名称您必须在
控制台.log()中转义引号,请尝试以下方法:

for (var i = 0; i < this.array.length; i++) {
    let arrayDetails = this.array[i];
    var popupLink='<a onclick="console.log(\'toto\')">See more information</a>';
    var marker = new leaflet.Marker([this.array[i]["lat"],this.array[i]["lng"]], {icon: orangeIcon})
    .addTo(this.map)
    .bindPopup(popupLink);
}
for(var i=0;i

编辑:修复单击方法名称

为什么使用
语法而不是
语法?这是爱奥尼亚特有的东西吗?正如你所暗示的,令人遗憾的是Angular引入了它自己特有的语法,人们不再能够做出区分。我不能证实这一点,但我强烈怀疑Angular没有处理HTML字符串,而是按原样使用。我建议您在Ionic之外使用一些浏览器开发工具来运行它,以检查弹出窗口的标记。除非传单ngx使用
L.InteractiveLayer.bindpoop
方法做了非常聪明的事情,我对此表示怀疑。你为什么使用
语法而不是
语法?这是爱奥尼亚特有的东西吗?正如你所暗示的,令人遗憾的是Angular引入了它自己特有的语法,人们不再能够做出区分。我不能证实这一点,但我强烈怀疑Angular没有处理HTML字符串,而是按原样使用。我建议您在Ionic之外使用一些浏览器开发工具来运行它,以检查弹出窗口的标记。除非传单ngx使用
L.InteractiveLayer.bindpoop
方法做了非常聪明的事情,我对此表示怀疑。非常感谢,是的,它是有效的。我猜“click”语法是特定的,这就是为什么如果我想单击函数例如:onclick=“test(arrayDetails)”,我会得到一个错误:uncaughtreferenceerror:test未定义。。。你知道吗?我不明白你的错误在哪里?当您单击链接时,您会看到以下消息
未捕获引用错误:未定义测试
?如果是这样,您必须验证应用程序中是否存在
test
函数非常感谢,是的,它可以工作。我猜“click”语法是特定的,这就是为什么如果我想单击函数例如:onclick=“test(arrayDetails)”,我会得到一个错误:uncaughtreferenceerror:test未定义。。。你知道吗?我不明白你的错误在哪里?当您单击链接时,您会看到以下消息
未捕获引用错误:未定义测试
?如果是这样,您必须验证应用程序中是否存在
测试
功能