Javascript AngularJS和SVG——使用ng单击a<；rect>；元素？

问题：单击SVG图形中的

元素时，我想运行

测试

功能。现在，当我单击元素时，什么都不会发生。但是--当我用

onclick=“alert（'success'）”

替换

ng时，警报工作正常。有什么建议吗

在我的代码中

我的html部分

<div ng-controller="converter">
  <embed src="/image.svg">
  <!--This button successfully runs the test function-->
  <button ng-click="test()">Test</button>
</div>

我的嵌入式SVG文件的一部分

<rect id="e1-1-2" data-name="e1-1" class="cls-35" x="14" y="106" width="57" height="22" ng-click="test()"/>



（以下是完整的代码，供感兴趣的人参考：）
将其包装在svg中

<svg width="400" height="110">
  <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" ng-click="test()" />
</svg>



这是您在
rect
元素和
按钮中添加的工作element@ARIFMAHMUDRANA，有什么问题吗？请尝试直接插入svg，而是使用embed@Grundy这没什么问题，但我的问题是，两个元素中是否都有
ng点击
？@ARIFMAHMUDRANA:
按钮
只是一个测试，以确保角度没有问题。这与问题无关。此链接似乎不起作用。您没有在此链接中使用
svg
包装
rect
。@如果它确实有效，您能检查控制台并alert@Sajeetharan：我的rect已经包装在svg中，我只是没有包含它。我的还是不行；然而，您的示例非常有启发性，因此我将进一步研究它，并希望找到答案。@cwk.webdesign如果您可以发布代码，我将尝试help@Sajeetharan-github会工作吗？我会发布链接。
<svg width="400" height="110">
  <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" ng-click="test()" />
</svg>