AngularJS нг щелкните внутри innerHTML

Question

У меня есть этот код ниже:

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

Однако нг-клик = "говорить()" в innerHTML не стреляя. Что случилось?

Answer 1

Код не компилируется. Вы должны скомпилировать его, используя $compile.

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

Answer 2

Несколько вещей здесь:

1. директива ng-click уже работать, поэтому он не знает о вашем динамически добавленного элемента.

2. Динамическое добавление контента с использованием innerHTML или тому подобного, как правило, неодобрительно при использовании углового. Похоже, вы пытаетесь воссоздать функциональность directive. Я бы предложил пойти по этому маршруту, так как он предоставит вам инструменты, необходимые для исправления вашего кода.