Question

我有注射问题。我不知道为什么我的html没有渲染。

在视图中渲染HTML;它应该在控制器中处理/创建，然后在html视图中呈现。

此代码目前无效，因为html显示为text：

＆＃13;

var myApp = angular.module('myApp', []);


myApp.controller('MyCtrl', myController);
      
myController.$inject = ['$scope']
   function myController($scope) {

       $scope.html = "<b>HTML inserted</b>";
};

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<div ng-controller="MyCtrl as vm">
    <div>Html</div>
    <div>{{html}}</div>

<br/>
</div>

＆＃13;

Answer 1

在角度渲染html时尝试使用ng-bind-html属性。

在你的情况下：

<div ng-bind-html="html"></div>

更多信息：

ngBindHtml in AngularJS

编辑：还添加ngSanitize依赖： ngSanitize

Answer 2

尝试添加＆＃39; ngSanitize＆＃39;如果您正在使用ng-bind-html

，则在您的模块依赖项中

Angular - html渲染问题

2 个答案: