Angular 2 - 使原始JS更改组件的模型

Question

我实际上正在使用Leaflet，我需要绑定弹出窗口，当用户点击时，必须通过Angular 2路由器导航到页面。

但我需要将带有原始JS的原始HTML发送到弹出窗口，我不能在弹出窗口中使用任何指令。

let html = '<div onClick="Change the variable of some ngModel variable so I can handle it using ngChanges;">Popup content</div>'; 
marker.bindPopup(html);

知道怎么制作吗？

Answer 1

我真的无法以优雅的方式解决这个问题。所以我这样做了：

<?php
 $link = mysql_connect("localhost", "root", "");
  mysql_select_db("galeria",$link);
$id = $_GET['id'];
$query = "SELECT lowsrc from gallery WHERE id=$id";
$result = mysql_query($query) or die(mysql_error());
$x=0;
while($row = mysql_fetch_array($result))
{

$image = $row['lowsrc'];
echo "<img src='".$image."' /><br />";

}
?>

所以，食谱：

• 创建一个输入框并隐藏它
• 在你的raw（非角度2）JS中，设置inputbox的值
• 创建一个计时器来检测更改并检索值。

为什么不使用ngOnChanges？看起来ngOnChanges无法跟踪elementRef / nativeElement。