ASP.NET MVC下使用AngularJs語言(八):顯示html

Insus.NET發表於2018-03-17

在Angularjs顯示html文字,如果按照一般處理它。它只能頁中顯示沒經解釋文字。

在ASP.NET MVC新增一個控制器:

建立angularjs控制器:

 

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:

 

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

 

程式執行結果:

 

相關文章