AngularJS ng-click inside innerHTML

Question

I have this code below:

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

However ng-click="speak()" inside innerHTML is not firing. What's wrong?

Answer 1

The code is not being compiled. You must compile it using $compile.

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