在Angular2 URL更改中使用routerlink导航到另一个页面后，但页面未刷新答案

【问题标题】：After navigate to another page using routerlink in Angular2 URL change but page is not refreshing在Angular2 URL更改中使用routerlink导航到另一个页面后，但页面未刷新
【发布时间】：2016-09-12 01:59:13
【问题描述】：

我使用 Angular-Cli webpack 创建了这个项目。我使用 IIS 构建项目并托管在 AWS 中

这里是 github 网址：https://github.com/igkmahesh/InihilPhotography

这是网站网址：http://www.inihilphotography.com.au

我的问题是。当我点击左侧的任何导航链接（关于/投资组合/联系方式/....）时，它会更改 URL，但页面未加载。

请帮我解决这个问题。

【问题讨论】：

浏览器控制台有错误吗？

标签： angular angular2-routing

【解决方案1】：

所有的内容都在那里，你只是透过它看到背景:)

你有一个“不透明度：0;”在你的 CSS 类 right-content 中。

【讨论】：

当我从正确的内容中删除“不透明度：0”时，我可以看到页面，但它没有正确加载。我必须手动刷新才能正确查看。

【解决方案2】：

终于找到了解决办法。导航后不显示页面的原因是，我有单独的 javascript 文件 (custom.script.js)，它在加载页面后对 DOM 进行了一些修改。使用角度路由器导航到另一个页面后，这些代码不会被执行。

这就是我为解决这个问题所做的。

声明jQuery : declare var jQuery:any;
在 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");
   }
}

【讨论】：