AngularJS ng-click innerHTML

时间:2015-05-11 19:48:41

标签: javascript angularjs innerhtml angularjs-ng-click

我的代码如下:

acrossText = acrossText + activeWordList[w].placeOrder + ". " + activeWordList[w].clue + "<button ng-click='speak()'>Speak</button> " + "<br /><br />";
document.getElementById('div1').innerHTML = acrossText;

然而ng-click =&#34; speak()&#34; innerHTML里面没有开火。 怎么了?

2 个答案:

答案 0 :(得分:2)

代码未编译。您必须使用$compile编译它。

https://docs.angularjs.org/api/ng/service/$compile

答案 1 :(得分:0)

这里有几件事:

  1. ng-click指令已经运行,因此它不知道您动态添加的元素。

  2. 使用angular时,通常不赞成使用innerHTML等动态添加内容。看起来您正在尝试重新创建directive的功能我建议使用此路线,因为它将为您提供修复代码所需的工具。