Rendu du contenu HTML dynamique (contenu angularjs) après un appel ajax dans AngularJS

Je suis nouveau sur Angulaire coincé après avoir fait appel ajax. Comment puis-je rendu/compiler le contenu html une fois que vous l'injecter dans les DOM sorte que je peux encore utiliser le AngularJs fonctions.

En raison de la façon dont mon backend est mis en place-je obtenir du contenu via ajax ($http). Et je suis en train de l'application sans jQuery. J'ai essayé $compiler et $s'appliquent, mais n'a pas fonctionné. Ce qui me manque ici.

J'ai le code mis en place à http://jsfiddle.net/rexonms/RB7FQ/3/ . Je veux la deuxième div content d'avoir les mêmes propriétés que la première div.

---

HTML

<div ng-controller="MyCtrl" class="section">
  <input ng-model="contentA">
  <div>
      And the input is: {{contentA}}
  </div>
</div>

<div ng-controller="MyAjax" class="section">
  <div id="dumpAjax">
    {{ajaxData}}
  </div>
  <button ng-click=getajax()> Get Ajax</button>
</div>

---

SCRIPT

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {

}

function MyAjax($scope){
  var data = '<input ng-model="contentB">{{contentB}}';

  $scope.getajax = function(){
    $scope.ajaxData = data;
  }

}

Merci à l'avance.

source d'informationauteur rex | 2014-03-20