Angular 在角管道中创建链接

Iam正在为angular project中的“阅读更多”功能创建管道。但是，在自定义管道中，我无法创建路由链接以重定向到页面。我们能创造一个吗

这里我为您编写了一个简短的代码。我希望这会有用

链接：

指示

---

我相信你不需要管道，你需要的是指令。您可以根据长度将长字符串传递给de指令和actue。

    import { Directive, ElementRef, Input, OnInit, Renderer2 } from '@angular/core';

@Directive({
  selector : '[read-more]'
})
export class ReadMoreDirective implements OnInit {

  @Input('read-more') text : string;

  constructor(
    private elementRef : ElementRef,
    private renderer : Renderer2
  ) {
  }

  ngOnInit() {
    if (this.text && this.text.length > 30) {
      //
      // Add button read more
      let text = this.renderer.createText(this.text.substring(0,30));
      this.renderer.appendChild(this.elementRef.nativeElement, text);


      let link = this.renderer.createElement('a');
      link.href = 'link to long';
      link.innerHTML = 'Read More';

      this.renderer.appendChild(this.elementRef.nativeElement, link);
      return;
    }

    this.elementRef.nativeElement.innerText = this.text;
  }
}