手风琴与ng-repeat和ng-bind-html无效

 清风2602939017 发布于 2023-01-30 13:36

我试图用这种方式使用手风琴和html内容:


   
      
          
         
      
      
      

var items = [];
for(var i=0;i<10;i++){
var content = "
TEST
"; items.push({index:i,content:content}); } $scope.items = items; var app = angular.module('MyApp',['ngSanitize','ui.bootstrap']);

手风琴有效,但html不会渲染成p标签.

可能是什么问题呢?

编辑

如果我尝试类似的东西:

并为控制器添加功能:

$scope.to_trusted = function(html_code)
    {
    console.log(html_code);
    return $sce.trustAsHtml(html_code);
    }

没有什么变化,在控制台我得到许多"未定义"!

1 个回答
  • 这是因为Angular声明HTML内容不安全,因为它是严格的上下文转义.

    另一个SO答案已经清楚地解释了如何解决这个问题:HTML注入,即如果你使用Angular 1.2.0或更高版本.

    我创建了一个Plunkr来匹配你的情况.

    2023-01-30 13:40 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有