javascript - 如何使用 angularjs 从范围变量中的文本中提取图像 src

Question

我有一部分 html 代码存储在范围变量中，如下所示:

$scope.htmlcode = '<img src="image-path/image-name.jpg" /> some plain text,some plain text text etc etc';

我想在 html View 中仅显示图像 src，例如:

<div>image-path/image-name.jpg</div>

Answer 1

您可以将图像字符串从作用域变量中拉出，如下所示:

 //Embed Parsing + Lookup
 var expression = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi;
 $scope.url_regex = new RegExp(expression);

 $scope.$watch('post_content', function(){

  if(!$scope.post_content){

  } else {
    var post_clone = $scope.post_content;
    var urls = post_clone.match($scope.url_regex);
    if(urls){
      var arrayLength = urls.length;
       if (arrayLength > 0){  
        console.log('We have media:' + urls[0]);
        $scope.checkOembed(urls[0]);
      }
    } else {
      console.log('NO URLS in $scope.post_content');
    }
  }
}, true);