Wie ersetze ich einen HTML-Inhalt durch jsf reRender oder ajax load und binde das neue DOM mit AngularJS neu?
Betrachten Sie ein bisschen Code:
<div id="dest">
<p>Original Content</p>
<p>Some data</p>
<ul>
<li ng-repeat="i in items">{{i.name}}</li>
</ul>
</div>
oder mit jsf ein Panel:
<h:panelGroup id="dest">
Angularjs versteht die Direktive ng-repeat und ersetzt dann das Tag <li> durch die Artikelliste.
Aber wenn sich Ihr HTML-Code geändert hat, durch eine Ajax-Auslastung oder durch ein jsf reRender, wird der neue Inhalt von AngularJS nicht erkannt:
$('#dest').load('replace.html');