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

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

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

 //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);

$scope.htmlcode='一些纯文本，一些纯文本等'；

我只想在html视图中显示图像src，如：

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

image路径/image-name.jpg

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

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

 //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);

---

我不知道为什么不为资产路径分配一个scope变量，然后使用ng src来显示图像？或者我误解了这个问题。这只是一个例子，图像在rss提要内容中。content variable这并不是用来解决我的问题的解决方案，但代码的某些部分对我有用。谢谢@errata