Как связать контроллер для загруженного HTML (Angularjs)

Question

пожалуйста проверить это Link

вот мой вопрос, как я могу связать контроллер с Page2Controller напечатать некоторые вещи в

{{wat}} 

Answer 1

Простой способ использовать $compile в контроллере.

Составляет HTML-строку или DOM в шаблон и создает функцию шаблона, которая затем может использоваться для связывания области и шаблона вместе.

var app = angular.module("myApp", []); 
app.controller("myCtrl", function($scope, $http, $sce, $compile) { 
    $scope.wat = 'blablalba'; 
    $http.get("page2.html").then(function (response) { 
    var str = '<div ng-controller="Page2Controller"> {{wat}} <div style="background: red; height: 50px; width: 50px"></div> </div>'; 
    var cont = $compile(response.data)($scope); 
    angular.element(document.querySelector('p')).append(cont); 
    }); 
}); 

app.controller('Page2Controller', function($scope) { 

}); 

<div ng-app="myApp" ng-controller="myCtrl"> 
    <p></p> 
</div> 

http://plnkr.co/edit/cOu69mPhfrvaA1buDUjT?p=preview

Лучший способ заключается в использовании директивы, как в этом ответе: Compiling dynamic HTML strings from database