Предоставление динамического содержимого HTML (содержимого углового) после вызова ajax в AngularJS

Я новичок в Angular, застряв после вызова ajax. Как визуализировать/скомпилировать html-контент после ввода в DOM, чтобы я мог использовать функции AngularJs.

Из-за того, как мой бэкэнд настроен, мне нужно получить контент через ajax ($ http). И я делаю приложение без jQuery. Я попробовал $compile и $apply, но не работал. Что мне здесь не хватает.

У меня есть код, установленный в http://jsfiddle.net/rexonms/RB7FQ/3/. Я хочу, чтобы второй контент div имел те же свойства, что и первый 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;
  }

}

Спасибо заранее.