Angularjs过滤器 - 如果出现不止一次，则删除字符

Question

在这玩了几个小时，没有任何突破。

我有一个不同分钟的时间表

4' 10' 等等

但有些上面有附属物

5'+1' 8'+2'

我已经像这样设置了过滤器：

angular.module('myApp').filter('addedTime', function(){
      return function(text) {
       var newText = text.replace(/\+.*$/, '<sup class="additional">$&</sup>');
       console.log(newText);

       return newText;
  };
});'

如您所见，它为加法时间添加了一个上标。但是我想从中删除最后的 ' （单引号），我无法弄清楚如何在不影响正常时间（4'、6'等）的情况下做到这一点。

我考虑过将其完全拆分并重新加入，但不确定这是否值得.. 任何建议都值得赞赏。

编辑： 本质上我是想让它看起来像

<ul>
   <li>5'</li>
   <li>5'<sup>+2</sup></li>
<ul>

（注意+2后面没有单引号）

Answer 1

在replace 中使用回调怎么样？

var newText = text.replace(/\+([0-9]*)\'/g, function(a) {
    return '<sup class="additional">'+a.substring(1, a.length - 1) +'</sup>'
});

您首先会发现“添加”时间，因为它们是一个加号，后跟一个数字和一个引号。然后你修改这个组。

给定var text = "5'+1' 8'+2'"; 它返回

5'<sup class="additional">1</sup> 8'<sup class="additional">2</sup>

另一种选择：

var newText = text.replace(/\+(\d)\'/g, '<sup class="additional">$1</sup>')

返回5'<sup class="additional">1</sup> 8'<sup class="additional">2</sup>