JS经典实例网站首页 JS经典实例

ng-bind-html 与ng-include

发布时间：2019-08-11 16:28:07编辑：雪饮阅读（）

ng-bind-html

在angular中对于控制器中scope域的变量来说默认不支持解析html，示例如：

脚本部分：

var app=angular.module('mod1',[]);

app.controller('cont1',function($scope,$sce){

$scope.a='<h1>杜敏捷</h1>';

$scope.b=$sce.trustAsHtml('<h1>杜敏捷</h1>');

});

</script>

元素调用：

</body>

解析：

示例中定义了两个scope的变量，其值都是字符串形式的html，而变量a按常规方法则原样输出并没有解析为html。

那么解析html在angular中需要通过形参$sce所提供的trustAsHtml函数对字符串形式的html处理，并且在调用时候变量必须是某个元素的ng-bind-html的一个属性值而非之间嵌入该元素内部。

ng-include

ng-include可以包含一个html页面文件，其作为一个标签的属性存在，其属性值必须为字符串形式，如：

关键字词：angular,ng-bind-html,ng-include