Question

亲爱的朋友们，我想从html代码中提取img标签（通过php调用加载到范围内）而不使用jquery！只有angularjs才有可能吗？这是我的样本：

<p align="justify" class="truncate">{{art.contenuto | htmlToPlaintext}}</p>

范围art.contenuto里面有html代码。使用过滤器htmlToPlainText我删除所有的html标签。现在我将img标签加载到img src中！有可能吗？

更新

我正在尝试使用此过滤器：

.filter('imgSrc', function() {
    return function(text) {
        return String(text).match(/<img.+?src=[\"'](.+?)[\"'].*?>/);
        //return String(text).match(/<img\s[^>]*?src\s*=\s*['\"]([^'\"]*?)['\"][^>]*?>/);
    }
})

但结果是这样的：

["<img height=\"300\" align=\"left\" width=\"272\" src=\"http://www.domain.it/images/sex/3modi.gif\" alt=\"Tre modi per provocare piacere dell'uomo con la stimolazione del Punto L\" class=\"fr-fin\">","http://www.domain.it/images/sex/3modi.gif"]

出了什么问题？

Answer 1

你可以使用ng-bind直接绑定html。只记得先消毒它

<p align="justify" class="truncate" ng-bind-html="art.contenuto"></p>

要在控制器中进行消毒：

$scope.art.contenuto = $sce.trustAsHtml($scope.art.contenuto);

使用angularjs从$ scope获取img标记

1 个答案: