javascript - 如何在 Angular2 中使用正则表达式制作管道？

Question

我正在尝试制作一个管道，将输入的文本与Regex匹配，然后显示逻辑。如果没有找到，它不应该做任何事情。

因此，Regex 应该匹配 (m) 或多个:(n) (2) (abc)，然后显示逻辑。假设“关键字”是:

(m) (n) (2) (abc) - 仅这些，而不是 a-z 或 A-Z

到目前为止我所做的:

import {Pipe, PipeTransform} from '@angular/core';

@Pipe({name:'regMatch'})
export class RegMatch implements PipeTransform {
    transform(value: string, arg?: any): any {
      //CODE HERE  
    }
}

我该怎么做？

谢谢。

编辑:如果找到匹配，则应使用 Popover 显示图像: https://github.com/pleerock/ng2-popover

如果没有，请保持原样。

Answer 1

首先我必须说我对 angular2-pipe 具体一无所知。

但是，如果您只是寻找一种 JS 方式来循环匹配并处理它们，您可以使用以下正则表达式:\((.+?)\) ( example ).

可以像下面这样使用:

var targetText = "(word1) other words (word2)";
var reg = new RegExp(/\((.+?)\)/);   
var result;
while((result = reg.exec(targetText)) !== null) {
    var matchedContents = result[1]; //this will be the inside of each set of ()
    console.log(matchedContents);
    //Outputs:
    //word1
    //word2
    //DO Something...
}

我再次不确定管道以及它如何专门用于您的案例，但我希望它有所帮助。