angularjs通过ng-bind-html指令和$sce服务绑定html
2024-09-02 00:54:55
代码:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>angularjs嵌入html</title>
</head>
<body ng-app="app" ng-controller="MainCtrl"> <div ng-bind-html="someText"></div> <script src="./assets/angular/angular.min.js"></script>
<script>
angular
.module('app', [], function () { })
.controller('MainCtrl', function ($scope, $sce) {
$scope.someText = $sce.trustAsHtml('<div style="color: red;">hello, world</div>');
});
</script>
</body>
</html>
运行结果:
最新文章
- Sencha ExtJS 6 Widget Grid 入门
- 如何下架app
- linux系统数据落盘之细节
- cocos2d-x的lua脚本加载CocostudioUI两种方式
- js小数计算小数点后显示多位小数(转)
- 性能测试之-wrk(转)
- Noip2015总结
- linux 编译内核[scripts/kconfig/dochecklxdialog] 错误
- android异步任务载入数据界面实现
- IIS的安装与配置
- [基础] 重载的时候什么时候用引用&;
- Debian ls 文件 文件夹颜色显示
- Oracle Berkeley DB Java 版
- 【并查集+拓扑排序】【HDU1811】【Rank of Tetris】
- Android tp的虚拟按键(virtual key)处理
- UVAlive 2519 Radar Installation (区间选点问题)
- 国内首篇介绍JanOS物联网操作系统的文章 - 如何把你的手机主板打造成物联网平台
- SQL注入(三)
- 为linux安装xen-tools提示/dev/xvdd does not exist
- android FragmentTabhost导航分页
热门文章
- SpringBoot起飞系列-Web开发(四)
- 88.CSS---Grid 网格布局教程
- 校园网 虚拟机VMware Linux桥接模式 无法上网 问题
- [LeetCode] 470. Implement Rand10() Using Rand7()
- scalikejdbc 学习笔记(2)
- java第4天:String static Arrays类,Math类
- GoLang 获取两个时间相差多少小时
- Solidity 编程实例--简单的公开拍卖
- XCTF-web2
- Mac上Charles抓包iOS的https请求