使用angularjs从$scope获取img标记

使用angularjs从$scope获取img标记,angularjs,Angularjs,亲爱的朋友们,我正在尝试从html代码中提取img标记(通过php调用加载到范围中),而不使用jquery! 只有angularjs才有可能吗? 这是我的样本: <p align="justify" class="truncate">{{art.contenuto | htmlToPlaintext}}</p> {{art.contenuto | htmlToPlaintext} scope art.contenuto内部包含html代码。 使用filter html

亲爱的朋友们,我正在尝试从html代码中提取img标记(通过php调用加载到范围中),而不使用jquery! 只有angularjs才有可能吗? 这是我的样本:

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

{{art.contenuto | htmlToPlaintext}

scope art.contenuto内部包含html代码。 使用filter 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*['\"]([^'\"]*?)['\"][^>]*?>/);
    }
})
.filter('imgSrc',function(){
返回函数(文本){
返回字符串(文本)。匹配(//);
//返回字符串(文本)。匹配(/]*?>/);
}
})
但结果是这样的:

["<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"]
[“”,“http://www.domain.it/images/sex/3modi.gif"]

怎么了?

您可以使用ng bind直接绑定html。只记得先消毒一下

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

您可能应该解析控制器中的图像URL,并将其直接传递给
ngsrc
属性。在模板中这样做是非常困难的,甚至是不可能的。所以没有一种方法可以创建过滤器并从范围中只获取img或src?!例如,删除所有非img标签?我只会找到img标签!我解决了如何编辑php文件的问题!谢谢
$scope.art.contenuto = $sce.trustAsHtml($scope.art.contenuto);