在Angular 4中自动将一个页面导航到另一个页面

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在Angular 4中自动将一个页面导航到另一个页面相关的知识,希望对你有一定的参考价值。

我正在开发Angular 4框架中的在线游戏。

预载完成后,页面应重定向到我的游戏页面。但是我不知道如何在Angular 4中自动重定向。你能不能用任何人解释一下它对我来说会更好。

提前致谢!!!

答案

使用Router.navigate()并在预加载完成后导航到不同的页面

export class Preloader {
      constructor(private router: Router) {
        this.preloadItems();
      }

      preloadItems() {
       // once preload done
       this.router.navigate(['/your_route_path']);
      }
    }
另一答案

根据我的理解,如果你想在完全加载页面后重定向你的页面,你可以使用ngAfterViewInit方法,如下所示:

// Import AfterViewInit    
import { Component, OnInit, AfterViewInit} from '@angular/core';

export class YourComponent implements OnInit, AfterViewInit {

    // YOUR CODE
    constructor(private _router: Router) {
    };

    ngAfterViewInit() {
        this._router.navigate(['Your_router_link']);
    }
}

以上是关于在Angular 4中自动将一个页面导航到另一个页面的主要内容,如果未能解决你的问题,请参考以下文章

我们如何在 GWT 中从一页导航到另一页

如何在Angular的当前页面中执行某些操作时避免导航到另一个页面

通过 Angular js 在 index.html 页面中将一个页面导航到另一个页面

SwiftUI实现不同TabView标签页中任意导航层级视图之间自动相互跳转那些事儿

SwiftUI实现不同TabView标签页中任意导航层级视图之间自动相互跳转那些事儿

Angular 5 - 无法从一个组件导航到另一个组件