Javascript AngularJS：在textarea内容中从img标记中选择alt值和文本

我有一个像这样的文本区

<textarea><img src="..." alt="hello"/> lets go visit the beach ....</textarea>

让我们去看看海滩吧。。。。

从外部资源提取到文本中的。我正在考虑做一些类似的事情，但不知何故我迷失了方向

.controller('textCtrl', function ($scope) {
$scope.setValue = function(value){
 angular.element('textarea img').val

var altValues = [];
while (true) {
    var altValueMatch = textareaValue.match(/\<img.*?alt=(\"|\')(.*?)\1.*?\>/),
        altValue = (Array.isArray(altValueMatch) && typeof altValueMatch[2] === "string")
            ? altValueMatch[2]
            : null;

    if (altValue !== null) {
        altValues.push(altValue);
    } else {
        break;
    }

    textareaValue = textareaValue.replace(/\<img.*?\>/, "").trim();
}

//altValues.forEach(function(altValue, i) { alert("ALT VALUE " + i + ": " + altValue);})
//alert("TEXTAREA VALUE: " + textareaValue);
//alert(altValues +" "+textareaValue);

var concatenated = [altValues, textareaValue].join(" ");
//concatenated.replace(/&nbsp;|,/g,"");
//alert(concatenated);
$('#messageID').val(concatenated);

.controller（'textCtrl'，函数（$scope）{
$scope.setValue=函数（值）{
角度.element（'textarea img'）.val
var-altValues=[]；
while（true）{
var altValueMatch=textareaValue.match（/\如果我正确阅读了您的问题，您想从检索到的数据中提取
alt=“text”
？下面是一个plnkr

app.controller（'MainCtrl'，function（）{
var vm=这个；
vm.name='World'；
vm.content='Hello'；
vm.content2=vm.content；
init（）；
函数init（）{
replaceText（）；
}
函数replaceText（）{
var re=//gi；
vm.content2=vm.content.replace（re，“$1”）；
}
});

这可能不会涵盖你的所有情况，但它应该让你走上正确的道路

如果我读得不正确，而您实际上想做的是在
中放置
，那么，我发现的第一个问题是您试图在
中放置
标记，这是不允许的。请看这里处理该问题的方法

app.controller('MainCtrl', function() {
  var vm = this;
  vm.name = 'World';
  vm.content = 'Hello <img src=".." alt="text">';
  vm.content2 = vm.content;

  init();

  function init(){
    replaceText();
  }

  function replaceText(){
    var re = /<img src=".*" alt="(.*)">/gi;
    vm.content2 = vm.content.replace(re, "$1");
  }
});