У меня есть Ang Angular 2 app. Использование устаревших маршрутизаторов (поскольку новый маршрутизатор в настоящее время не документирован). Наличие двух основных маршрутов (дома и администратора). Если я загружаю приложение или обновляю F5, текущий модуль загружается дважды (вы можете видеть, что файл html запрашивается дважды, а конструктор также вызывается дважды. Как я могу запретить приложению дважды загружать маршрут? маршрут не вызывает "двойную нагрузку". Лишь F5/Фрист нагрузкиУгловой 2 - модуль загружается дважды при обновлении
<html>
<head>
<base href= />
<title>Consyd Time Management</title>
<meta charset=UTF-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<link rel=stylesheet href=public/css/styles.css>
<link rel=stylesheet href=node_modules/bootstrap/dist/css/bootstrap.min.css>
<script src=node_modules/core-js/client/shim.min.js></script>
<script src=node_modules/zone.js/dist/zone.js></script>
<script src=node_modules/reflect-metadata/Reflect.js></script>
<script src=public/scripts/externalLibs.js></script>
</head>
<body>
<div id=main class=container-fluid> <start-page>Loading...</start-page> </div>
start.ts
import { Component } from '@angular/core';
import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router-deprecated';
import { NavigationMenu } from "./navigation";
import { myRoutes } from '../routes';
@Component({
selector: 'start-page',
template: `
<h2>Startseite</h2>
<navigation-menu></navigation-menu>
<router-outlet></router-outlet>`,
directives: [ROUTER_DIRECTIVES, NavigationMenu]
})
@RouteConfig(myRoutes)
export class StartPage {
}
и routes.ts
import { RouteDefinition } from '@angular/router-deprecated';
import { HomePage } from './views/home';
import { AdminPage} from './views/adminpage';
export const myRoutes: RouteDefinition[] = [
{
path: '/',
name: 'Home',
component: HomePage
},
{
path: '/admin',
name: 'Admin',
component: AdminPage
}
];
home.ts
//imports going here
@Component({
selector: 'start-page',
templateUrl: 'public/app/html/home.html',
directives: [DROPDOWN_DIRECTIVES, CORE_DIRECTIVES],
providers: [HttpService]
})
export class HomePage {
constructor(private httpService: HttpService) {
if (!this.selectedProject) {
this.selectedProject = new Project("Projekt auswählen");
}
this.getUsers(this.setUser);
}
//REST OF CODE
Спасибо за идею - я добавил компонент в массив начальной загрузки в NgModules, который вызывает двойную нагрузку. Это должно было быть только в объявлениях, а не в бутстрапе. – DFBerry