Wie eine Steuerung geladen html (AngularJS)

Question

überprüfen Sie bitte diese Link

hier ist meine Frage zu binden, wie kann ich einen Controller Page2Controller binden irgendeine Sache in

{{wat}} 

Answer 1

Der einfache Weg ist zu drucken zu verwenden $compile in der Steuerung.

Kompiliert eine HTML-Zeichenfolge oder ein DOM in eine Vorlage und erstellt eine Vorlagenfunktion, die dann zum Verknüpfen von Bereich und Vorlage verwendet werden kann.

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

Der bessere Weg ist, eine Richtlinie wie in dieser Antwort zu verwenden: Compiling dynamic HTML strings from database