在HTML节点上设置Angular2样式的属性

Question

我正在将应用程序从Angular1迁移到Angular2，我在其中使用svg.js库来绘制SVG。 SVG的一些元素包含“ng-click”指令，我将SVG库打印到最终的SVG。

然而，在Angular1中工作正常，现在该指令被称为“（点击）”，一切都中断了。我跟踪了SVG源代码，发现以下调用

this.node.setAttribute(attr, value.toString())

导致以下错误消息：

VM22161:1 Uncaught DOMException: Failed to execute 'setAttribute' on 'Element': '(click)' is not a valid attribute name.(…)

解决这个问题的任何想法？如果没有其他办法，修补SVG源对我来说没问题。

Answer 1

有效且快速的解决方法是使用Angular2的绑定语法，允许使用＆＃34; on-click＆＃34;而不是＆＃34;（点击）＆＃34;。