2016-04-05 5 views
0

実際には、imgタグ、JavaScript、およびCSSコードを含むHTMLファイルがサーバーにあります。私は$httpサービスを使用してこのファイルの内容を取得しようとしており、ng-bind-htmlディレクティブを使用してtwigファイル内に表示しています。AngularJSを使用してサーバーから取得したHTMLコンテンツを表示するにはどうすればよいですか?

これまではすべて問題はありませんが、問題はHTMLページがうまく表示されず、画像が表示されず、JavaScriptコードが機能しないことです。

どのようにAngularJSを使用してこれを達成できますか?

<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

実際のjqueryが必要なjavascriptを実行するには – YOU

+0

あなたは説明できますか? –

+0

角度の前にjqueryを挿入しようとしていますか? – YOU

答えて

0

あなたはng-bind-htmlを探しています。 docsを参照してください。 Hereが例です。

+0

ur replyに感謝します。しかし、私はng-bind-htmlを使用しましたが、htmlページは正しく表示されません。画像が表示され、htmlページ内のjavascriptコードも機能しません –

+0

実際には私は$ sanitizeを使用していません。代わりに$ sceとそのtrustAsHtmlメソッドを使用しています –

関連する問題