Wie kann ich einen Link auf Angular2 für jeden Artikel machen

Question

I Blog-Format mit Meteor-Angular2

Problem bin der Entwicklung ist, dass ich nicht herausfinden kann, wie man einen Permalink für jeden Artikel (Beiträge) zu machen, obwohl Es hat ein schönes DB-System.

Wie kann ich ein Permalink-System auf Angular2-Anwendung machen?

Answer 1

Schritt 1: Zunächst einen Link Rohr schaffen app.pipe.ts

@Pipe({name:'permalinkPipe',pure: false 
}) 
@Injectable() 


export class PermalinkPipe implements PipeTransform{ 


    transform(title:any):any{ 
     if (title==null) { 
     return null; 
    } 
     return title.toLowerCase().trim().replace(/[\s]/g,'-') 
    } 
} 

Schritt 2 fügen Sie den app.module.ts

declarations:[ 
      ... 
      permalinkPipe 
      ] 

step3 es verwenden, wo jeder in der HTML .

[routerLink]="['/news', new.id,(new.title | permalinkPipe)]" //notice the brackets 

<h1>{{title | permalinkPipe}}</h1>//this works 
<h1>{{(title | permalinkPipe)}}</h1>//just link in the router link