使用Angular2中的路由器链接导航到另一个页面后，更改了URL，但页面未刷新

Question

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

这是github的url：https://github.com/igkmahesh/InihilPhotography

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

我的问题是。当我单击任何导航链接(关于/Portfolio/Contact/....)在左侧，它更改了URL，但页面没有加载。

请帮我解决这个问题。

Answer 1

所有内容都在那里，您只需通过它直接看到背景:)

在您的CSS类right-content中有一个"opacity: 0;“。

Answer 2

最后我找到了一个解决方案。在导航后没有显示页面的原因是，我有单独的javascript文件(custom.script.js)，它在加载页面后对DOM进行了一些修改。在使用angular router导航到另一个页面后，这些代码不会被执行。

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

在jQuery.getScript("../../assets/JS/custom.script.js");方法中声明

1. 1. 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");
   }
}