Kam*_*man 10 angular2-template angular2-routing angular
如果我返回到相同的路由路径,则会显示错误
"Uncaught(承诺):TypeError:无法读取未定义的属性'isActivated'".
但不是第一次出现.谁能帮我 ？
const mainRoutes: Routes = [
{ path: '', pathMatch: 'full', redirectTo: '/home' },
{
path: 'home', loadChildren: './apps/home/home.module#HomeModule', canActivate: [AuthGuard],
resolve: {
crisis: NavigarionResolve
}
}
{ path: '**', component: PageNotFoundComponent }
];
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { AuthService } from '../main/service/auth.service';
@Component({
selector: 'home-app',
templateUrl: 'apps/home/view/home.component.html',
providers: [AuthService]
})
export class HomeComponent implements OnInit {
loaded: boolean = false;
title = 'Customer Management Home';
slogan = 'Hi ...Home ';
views: Object[] = [];
constructor(private _authService: AuthService, private router: Router) {
this.views = [
{
name: "My Account",
description: "Edit my account information",
icon: "assignment ind"
},
{
name: "Potential dates",
description: "Find your soulmate!",
icon: "pets"
}
];
}
logout() {
this._authService.logout().then(() => {
this.router.navigate(['/login']);
});
}
ngOnInit() {
}
}
this.router.navigate(['/home']);
对我来说，问题是正在加载应用程序的第二个实例。这是由“控制”组件内的无效 templateUrl 引起的。
我将一个微调器组件从 移至app/components/client/spinner.component，app/components/shared/spinner.component但忘记更新 templateUrl 。
这意味着我的微调器正在使用错误的 html 加载到我的其他组件中。我在 中使用了组件的正确路径module.ts，因此它没有抛出任何构建错误，但是当它找不到 spinner.component.html 时，mvc6 返回默认索引页面，因此它尝试加载组件内部的整个应用程序。一旦我的内容加载完毕，旋转器被删除，这个内部应用程序就会被删除。
我不完全理解它，但由于应用程序从内部再次加载，路由器似乎发生了某种冲突。就我而言，我很幸运地注意到我的应用程序出现了故障，因此我在故障部分暂停了 JavaScript 并扫描了 html，并注意到<html>我的微调器内有一个标签。
尝试在你的 app.component 类中设置一个断点，看看它是否被击中两次，或者document.getElementsByTagName("my-app")在控制台中运行（或者任何你的 app.component 被调用的东西），如果你返回了超过 1 个元素，你应该能够调试问题从那里。就我而言，这只在旋转器显示时显示，因此，如果您的页面上有组件来来去去，请尝试中断每个显示/隐藏。
| 归档时间： |
|
| 查看次数： |
2684 次 |
| 最近记录： |