在AngularJS中调用ajax之后呈现动态HTML(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>

脚本

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;
  }

}

提前致谢.