如何在角页中编码重定向？

Question

在我的新的角8应用程序中，我有一个页面(技术路线)，用户在单选按钮选择中选择3个页面中的一个，然后根据她的选择，被重定向到她选择的页面。我知道其他的网络技术(php，Cold聚变)有一个简单的重定向调用，但是我如何使用路由来完成这个任务呢？(因为路由必须在应用程序中加载.)

我怀疑答案就在于从我的if/ the /user块中调用一个路由(它只是遍历用户可能的选择)。

if (radio_select_1) 
{redirect to page 1}
elseif (radio_select_2) 
{redirect to page 2}
else (radio_select_3) 
{redirect to page 3}

根据选中的单选按钮，我希望用户重定向到应用程序中的页面。

Answer 1

您可以推荐https://angular.io/guide/router或https://angular.io/tutorial/toh-pt5来完全满足您的要求。我想你已经把你的部件放进去了。要简单地回答这个问题，您必须导入路由器模块

    import { Router } from '@angular/router';
constructor( private router:Router) {
}
if (radio_select_1) 
{this.router.navigate(['page_1']);}
elseif (radio_select_2) 
{this.router.navigate(['page_2'])}
else (radio_select_3) 
{this.router.navigate(['page_3'])}

要做到这一点，您必须在app.module.ts内部或在导入的路由变量中定义路由。

Answer 2

您需要导入/注入 module。一旦你有了它，你可以重定向几种不同的方式。

示例：

export class MyComponent {
    private _router: Router;
    constructor(_router: Router) {
        this._router = _router;
    }
    doRedirect(url): Promise<void> {
        await this._router.navigateByUrl(url);
    }

}

或直接在路由器模块中重定向

  {
    path: 'redirectroute',
    redirectTo: '/some/path',
    pathMatch: 'full'
  },

注意到，用于重定向的url需要是一条路由。如果它是一个外部url，不幸的是，您将不得不使用window.location.href = url;