角度2は、倍精度浮動小数点数を調整したときのルートを加算します。

Question

角2の単一ページアプリケーションがあります。初期画面では、いくつかのdivがあります。 divをクリックすると、フルスクリーンのdivがスケールアップされ、コンテンツが表示されます。 site.com/article1よう

div要素がクリックされたURLルートを追加する方法はあり、site.com/article2 ...？

routerlinkを使用しようとしましたが、site.com/article1にリダイレクトされましたが、divスケーリング効果が表示されません。

Answer 1

これは動作します：

changeRoute(route: string): void { 
    this._location.go(`articles/${route}`); 
} 

と

(click)="changeRoute('article1')" 

Answer 2

私が正しく理解していれば、ルートが変更されても同じビュー/コンポーネントが維持され、どのアーティクルにフォーカスがあるかによってルートを変更する必要があります。あなたのdivに

{ path: 'articles/:articleNumber' component: ArticleComponent} 

をそしてDIVがクリックされたとき、あなたは（クリック）を追加し、作る：

これを行う方法は、このようなルートの定義では、あなたのルートに変数を追加することですクリックされたdiv内の記事に移動します。コンポーネントで

<div (click)="navigate('Article1')">/*Div content goes here*/</div> 

//TODO: Get article name dynamically, based on the article that was clicked 

：それはこのようなものになります

navigate(article: string): void { 
    this.router.navigate(`/articles/${article}`); 
} 

この方法は、何も実際にパスが変化していても、ビューに変更されます。