angular+ajax

[Mukhtar]

Есть блок с кнопкой редактировать, после нажатие на которую происходит ajax загрузка контента с элементами input, при загрузке контента не видит angular

вот код

<div id="contactsdiv" class="inner" style="position:relative;">
        <div ng-app='contact' >
          <div ng-controller="ContactController">
              <div class="control-group">
                  <div class="controls" style="margin-top: 7px;">
                      <div ng-repeat="phone in phones" phone-repeat-directive class="row-fluid mb-10">
                          <span class="span2" style="margin: -3px -56px -4px -18px;width: 481px;">
                            <input  style="width: 150px;" class="span2 phone" type="text" name="Contact[phones][{{$index}}]" value="{{phone}}" ng-disabled="removed"/>
                            <input style="width: 281px;" class="span2 phone" type="text" name="Contact[phones][{{$index}}]" value="{{phone}}" ng-disabled="removed"/>
                          </span>
                          <div class="span" style="width:80px">
                              <button style="margin-left: 21px;height: 31px;margin-top: -4px;width: 54px;" class="btn btn-danger btn-small " type="button" ng-show="!removed" ng-click="removed=1;">Уд.</button>
                              <button style="margin-left: 21px;height: 31px;margin-top: -4px;width: 54px;" class="btn btn-primary btn-small " type="button" ng-show="removed" ng-click="removed=0">Восст</button>
                          </div>
                      </div>
                      <br>

                         <div id="contactssave" style="position: absolute;right: 135px;bottom: 18px;"><img class="pen" src="img/ok.png"></div>
                         <div id="contactscancel" style="position: absolute;right: 75px;bottom: 18px;"><img class="pen" src="img/v-card.png"></div>
                         <div id="contactscadd"  style="position: absolute;right: 15px;bottom: 18px;"  ng-click="addPhone()"><img class="pen" src="img/v-card.png"></div>
                  </div>
              </div>
          </div>
        </div> 
      </div>

$('.parentblock').on('click','#contactspen',function(){
            var contactsredact = '1';
            $.ajax({
                    url:'/site/contactsredact',
                    data:{'contactsredact':contactsredact}, 
                    type: 'POST',
                    dataType: 'html',
                    success:function(html){
                        
                        $( ".inner" ).animate({opacity: 0}, 300, function(){
                        $('.inner').remove();
                        $(".parentblock").append(html);
                        $( ".inner" ).animate({opacity: 1}, 300);
                        
                        
                    });
                }

            });

            return false;
        });

angular.module('contact', []).directive('phoneRepeat', function(e) {
            alert();
            return function(scope, element, attrs) {
              $(element).find(".phone").mask("");
            };
           
        });
      function ContactController($scope){
        $scope.phones = <?=$model->tel?$model->tel:"[]"?>;
        $scope.addPhone = function(){
              $scope.phones.push("");
        }
      }