美文网首页
angular输出html

angular输出html

作者: 老男人一枚的博客 | 来源:发表于2017-10-23 10:10 被阅读62次

通过指令 ng-bind-html来实现html的输出

<div class="col-md-12 ng-binding" ng-bind-html="item.content ">  

还需要通过通过$sce服务来实现html的展示

angular.module("list",[]).controller("BlogListCtrl", BlogListCtrl).filter(  
    'to_trusted', ['$sce', function ($sce) {  
        return function (text) {  
            return $sce.trustAsHtml(text);  
        }  
    }]  
)  

这里通过$sce构建一个过滤器来对输出的html进行过滤

<div class="col-md-12 ng-binding" ng-bind-html="item.content|to_trusted ">   

相关文章

  • angular输出html

    通过指令 ng-bind-html来实现html的输出 还需要通过通过$sce服务来实现html的展示 这里通过$...

  • Angular.js 直接输出html

    在使用富文本编辑时候,经常会遇到把html通过模板赋值输出到页面的问题。在经过后端处理之后,直接使用{{}}模板赋...

  • Angular2创建项目

    介绍 首先简单介绍一下Angular,Angular作为目前最为流行的前端框架,Angular是用HTML 和 ...

  • 模板语法

    HTML HTML是Angular模板语言。我们的QuickStart应用就是纯HTML My First An...

  • angular

    一、你是怎么理解angular的? angular是为了客服HTML在构建应用上的不足而设计的 angular是一...

  • 显示数据

    版本:Angular 5.0.0-alpha 在 Angular 中最典型的数据显示方式,就是把 HTML 模板中...

  • angular 折线图

    animate var app = angular.module('app', [...

  • 内置命令

    angular gtest .odd{ background-color:red;...

  • jquery动态新增/移除表格行

    html代码,select标签部分用到了angular的循环,不用angular的可以正常写option即可。 下...

  • Angular 概览

    Angular 简介 Angular 是一个用 HTML 和 TypeScript 构建客户端应用的平台与框架。 ...

网友评论

      本文标题:angular输出html

      本文链接:https://www.haomeiwen.com/subject/rumouxtx.html