如何使用Angularjs ng-bind-html从html文件渲染

时间:2016-05-14 16:58:18

标签: html angularjs

我正在使用ng-bind-html向我的页面呈现html代码,但我的代码太长了。所以我把它放在一个HTML文件中。我怎样才能做到这一点? 这是我的HTML和Js控制器。我的页面包括:

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

JS控制器:

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

我想将一大段代码HTML放到$scope.message 我怎样才能做到这一点。谢谢大家:))

1 个答案:

答案 0 :(得分:1)

如果要将文件中的内容包含在HTML中,则应使用ngInclude:

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