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