Question

我使用Angular-Cli webpack创建了这个项目。我构建项目并使用IIS

在AWS中托管

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

以下是网址：http://www.inihilphotography.com.au

我的问题是。当我点击左侧的任何导航链接（About / Portfolio / Contact / ....）时，它会更改URL，但页面不会加载。

请帮我解决这个问题。

Answer 1

所有内容都在那里，你只是看到它背景：）

你有一个“不透明度：0;”在你的CSS类右边内容。

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

在Angular2 URL更改后使用routerlink导航到另一个页面但页面不刷新

2 个答案: