Angular2はデータをルーティングに基づくテンプレートで表示します

Question

別のテンプレートにリンクされた画像を含むページを作成しようとしています。そのテンプレート内で、ユーザーがクリックした画像に基づいてデータを表示します。

たとえば、会社のポートフォリオサイトでは、画像だけの作業ページがあります。ユーザーが画像（プロジェクト）をクリックすると、新しいテンプレートを読み込んでそのプロジェクトのデータを補間表示します。プロジェクトのタイトル、説明、その他のイメージなど

これは私がプロジェクトごとに別々のページを作るのを避けるために、私は解決策を見いだすために約3日間調査しました。

新しいテンプレートでそのプロジェクトの特定のデータを読み込むためにイメージをルーティングする方法を理解できません。

あなたが入力されたデータでコンポーネントを使用することができ

Answer 1

：

@Component({ 
selector: 'poject-data', 
template: '...', 
}) 
export class ProjectDataComponent { 
    private contentUrl: SafeResourceUrl; 
    @Input() project: Project; 
    ... 
} 

など何かをあなたの主成分でそれを使用する：「selectedProjectは」あなたの主成分の分野で

<project-data project="selectedProject" *ngIf="selectedProject != null"></project-data> 

ことクリック時に変更します。