Question

我正在学习Angular 2，现在我被困在自定义管道上。我做了一个域名查找管道

export class FindDomain implements PipeTransform {
transform(value: string, args: string[]): any {
    if (!value) return value;

    var regex = /((http|ftp|https):\/\/)*([\w_-]+(?:(?:\.[\w_-]+)+)*)[\w_-]+(?:(?:\.+([a-z]{10}|nl|be|biz|com|net)+)+)([\w.@?^=%&:/~+#-]*[\w@?^=%&/~+#-]*)?/g;
    return value.replace(regex, function(txt) {           
        return "<a href='+txt + "'>"+ txt + "</a>";
    });
  }
}

它工作正常，但现在它返回text（）而不是可点击的html元素。我正在使用

＆LT; h2＆gt; {{gift.naam | findDomain}}＆lt; / h2＆gt;

经过一些互联网搜索后，我找到了

＆LT; h2 [innerHtml] =＆＃34; {{gift.naam | findDomain}}＆＃34;＆gt;＆lt; / h2＆gt;

第一个选项返回纯文本，第二个选项返回大错误

得到插值（{{}}），其中表达式位于[{{gift.naam | findDomain}}]

我认为它必须是一个简单的解决方案，但我现在无法找到它。

将文本转换为html angular2自定义管道

0 个答案: