javascript - angular里如何输出html?
怪我咯
怪我咯 2017-04-10 15:55:33
[JavaScript讨论组]

情况是这样的,我用angular从服务器上查到一个对象,这个对象的某个属性是一串HTML。我试图用ng-bind-html把它输出到模板中,可是并不管用。
当然我也查到了用$sce这个东西,不过我总不能把对象列表里的所有对象都遍历一遍吧?
请问各位前辈是否有靠谱的方法可以教给小弟呢?
下面就是我的那一段读取数据的代码:
另外还有一段我写在模板里面的代码:
在此表示万分感谢。

//之前已经注入了$sce,就像这样:
//var myModule = angular.module("yohoModule",['ngRoute','ngSanitize']);
......
......
query.find({
        success:function(result){
            $scope.$apply(function(){
                $scope.videolist=JSON.parse(JSON.stringify(result));
            })
        },
        error:function(error){

        }
    });
<p class="videoitem" ng-repeat="video in videolist">
    <p class="videoitem-title">{{video.title}}</p>
    <p ng-bind-html="video.src"></p>
    <!--这里的video.src 什么都没有输出-->
</p>
怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(1)
高洛峰
each x in videolist:
$scope.videolist[x].video_src_html = $sce.trustAsHtml($scope.videolist[x].src);

<p ng-bind-html="video_src_html"></p>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号