2016-04-05 5 views
0

Eigentlich habe ich eine HTML-Datei auf dem Server, die Img-Tags, JavaScript und CSS-Code enthält. Ich versuche, den Inhalt dieser Datei mit dem $http Service zu erhalten und es in einer Zweigdatei anzuzeigen, die die ng-bind-html Direktive verwendet.Wie zeige ich HTML-Inhalte an, die mit AngularJS vom Server abgerufen werden?

Bis jetzt ist alles in Ordnung, aber das Problem ist, die HTML-Seite wird nicht gut angezeigt, die Bilder sind nicht da, und der JavaScript-Code funktioniert nicht.

Wie kann ich dies mit AngularJS erreichen?

<div ng-repeat="language in languages" id="[[ language.name ]]" ng-bind-html="language.content" ></div> 

$scope.languages={}; 

$http({ 
    method :'GET', 
    url : 'url' 
}).then(function(response) 
{ 
    var results = response.data.data; 
    for (var i=0; i<response.data.data.length; i++) 
    { 
     results[i].content = $sce.trustAsHtml(response.data.data[i].content); 
    } 
    $scope.languages = results; 
}); 
+0

JavaScript ausführen Sie brauchen echte jquery – YOU

+0

können Sie erklären? –

+0

versuchen Sie einfach, jQuery vor eckigen? – YOU

Antwort

0

Sie suchen ng-bind-html. Siehe die docs. Here ist das Beispiel.

+0

danke für Ihre Antwort, aber wie ich sagte, ich habe ng-bind-html aber die HTML-Seite nicht korrekt angezeigt Nein Bild wird gezeigt, und auch der JavaScript-Code innerhalb der HTML-Seite funktioniert nicht –

+0

eigentlich verwende ich nicht $ sanitize, ich benutze $ sce stattdessen und seine trustAsHtml-Methode –

Verwandte Themen