Angular2 URLの変更でrouterlinkを使用して別のページに移動したが、ページが更新されない

Question

Angular-Cli webpackを使用してこのプロジェクトを作成しました。そして、私はプロジェクトをビルドし、ここではIIS

とAWSでホストはgithubのURLです：ここでhttps://github.com/igkmahesh/InihilPhotography

は、ウェブサイトのURLです：http://www.inihilphotography.com.au

私の問題があります。左側にあるナビゲーションリンク（About/Portfolio/Contact/....）をクリックすると、URLが変更されますが、ページが読み込まれません。

この問題を解決するのを手伝ってください。

Answer 1

すべてのコンテンツがある、あなただけの背景に右のそれを介して見ている:)

あなたが持っている「不透明度：0;」あなたのCSSクラスの正しい内容で。

Answer 2

最後に解決策が見つかりました。移動後にページを表示しない理由は、別のjavascriptファイル（custom.script.js）があるため、ページをロードした後にDOMにいくつかの変更を加えています。角度ルータを使用して別のページに移動した後、それらのコードは実行されません。

これは私がその問題を解決するために行ったことです。

1. 宣言jQuery : declare var jQuery:any;
2. のOnInitメソッド内custom.script.jsファイルを取得：jQuery.getScript("../../assets/JS/custom.script.js");

を。

import { Component, OnInit } from '@angular/core'; 
declare var jQuery:any; 
@Component({ 
    selector: 'app-about', 
    templateUrl: './about.component.html', 
    styleUrls: ['./about.component.css'] 
}) 
export class AboutComponent implements OnInit { 
    constructor() { } 
    ngOnInit() { 
     jQuery.getScript("../../assets/JS/custom.script.js"); 
    } 
}