ASP.NET MVC下使用AngularJs语言(八):显示html

时间:2022-04-18 04:41:58

在Angularjs显示html文本,如果按照一般处理它。它只能页中显示没经解释文本。

在ASP.NET MVC添加一个控制器:
ASP.NET MVC下使用AngularJs语言(八):显示html

创建angularjs控制器:
ASP.NET MVC下使用AngularJs语言(八):显示html

pilotApp.controller('ShowHtmlCtrl', ['$scope','$sce',
function ($scope, $sce) {
var htmltext = "Hello <span style = 'color:red'><b>Insus.NET</b></span>";
$scope.Content = $sce.trustAsHtml(htmltext);
}]
);

Source Code

视图html:
ASP.NET MVC下使用AngularJs语言(八):显示html

<div ng-app="PilotApp" ng-controller="ShowHtmlCtrl">
<span ng-bind-html="Content"></span>
</div>

Source Code

程序运行结果:
ASP.NET MVC下使用AngularJs语言(八):显示html