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

在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

 

程序运行结果:

 

posted @   Insus.NET  阅读(934)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2017-03-17 多个文本框录入,使用回车键替找Tab键
2016-03-17 激活当前视图菜单高亮呈现
2015-03-17 添加JSON Data到已经存在的JSON文件中
2015-03-17 Post model至Web Api创建或是保存数据
2015-03-17 Post model至Web Api
2014-03-17 MVC应用程序显示Flash(swf)视频
2014-03-17 超简单MVC应用程序播放WMV视频
点击右上角即可分享
微信分享提示