Rendern von einer HTML-Datei mit Angularjs ng-bind-html

Question

Ich verwende ng-bind-html, um einen HTML-Code auf meiner Seite zu rendern, aber mein Code ist zu lang. Also lege ich es in eine HTML-Datei. Wie kann ich das machen? Das ist mein HTML und Js controller.My Seite sind dies:

<div ng-controller="modalPopup"><div ng-bind-html="renderHtml(message)"></div></div> 

JS Controller:

angular.module('mainApp', []). 
controller('modalPopup', function($scope, $http,$sce) { 
    $scope.renderHtml = function(value) { 
    return $sce.trustAsHtml(value); 
    }; 
    $scope.message = ''; 
}); 

ich einen großen Block von HTML-Code zu $scope.message setzen wollen Wie kann ich das tun. Dank all :)

Answer 1

Wenn Sie Inhalte aus der Datei in Ihre HTML aufnehmen möchten, dann sollten Sie ngInclude verwenden:

<div ng-controller="modalPopup"><p ng-include="'path/to/file.html'"></p></div>