Question

在AngularJS应用程序中，处理SVG文件操作的正确方法是什么？我提出AngularJS的原因是我读过混合jQuery和AngularJS并不是一个好主意。

我有一张地图，我可以加载以下内容：

<object height="600" width="800" data="/images/map.svg" type="image/svg+xml">
</object>

代表国家/地区的<path>示例：

  <path class="land ly" d="bunch of coordinates here..." id="country_id"/>

当光标在CSS上面时，我可以用不同的颜色填充国家/地区，如下所示：

.country_id:hover {
  opacity:    1;
  fill:       #ff0000;
}

现在，我想在点击一个国家时触发一个Javascript函数，我怎么能处理它，请记住jQuery在这里不是一个很好的解决方案？

Answer 1

向路径元素添加onclick属性，例如的onclick = “警报（ '你好！'）;”