Javascript 在Angularjs中呈现HTML和CSS

Javascript 在Angularjs中呈现HTML和CSS,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,如果我有一个带有作用域的控制器 $scope.post.description=bo{font-weight:bold}你好我的名字叫巴米德尔 请检查此工作示例: 下载文件-angular-sanitize.js并将其包含在应用程序中 JS- 由于您的描述绑定到$scope,因此通常可以在视图中使用双大括号符号{{}访问它: view.html: 但它不起作用并不是一个恰当的问题描述。应该解释发生了什么或没有发生什么以及发生了什么错误 var app = angular.module('myAp

如果我有一个带有作用域的控制器
$scope.post.description=bo{font-weight:bold}你好我的名字叫巴米德尔 请检查此工作示例:

下载文件-angular-sanitize.js并将其包含在应用程序中

JS-


由于您的描述绑定到$scope,因此通常可以在视图中使用双大括号符号{{}访问它:

view.html:

但它不起作用并不是一个恰当的问题描述。应该解释发生了什么或没有发生什么以及发生了什么错误
var app = angular.module('myApp', ["ngSanitize"]);       

app.controller('myController', function($scope,$compile) {
   $scope.html = '<p class="text-color">Your html code</p>';
});
<div ng-app="myApp">
    <div ng-controller="myController">
         <p ng-bind-html="html"></p>
    </div>
</div>
.text-color {
    color: #0000CC;
}
<p> {{post.description}} </p> 
<!-- will generate "<style>#bo{font-weight:bold}</style> <h1 id='bo'> HI</h1> <p>My name is bamidele</p>"" -->
<!-- Note : you started with a h5 tag but closed with a h1 tag in your question --> 
controller('DemoCtrl', ['$scope', function ($scope) {
    $scope.description =  '<h5 id='bo'> HI</h5> <p>My name is bamidele</p>';
}])
#bo{
    font-weight: bold;
}
{{post.description}} // will generate <h5 id='bo'> HI</h5> <p>My name is bamidele</p>