Question

我们目前正在计划一个带有材质设计（md-tabs）的新的angular 7应用程序，该应用程序将与多个选项卡一起使用。基本上，应该可以动态创建新的选项卡，这些选项卡应代表路线的内容。首先，应该在始终存在的第一个标签中打开起始页。通过某些操作，将创建带有路线的新标签。

如果您现在单击导航中的链接，则应始终在当前活动的选项卡中加载此内容。

要动态创建这些新选项卡，我使用一个数组，这不是问题。我如何在新选项卡中动态加载路由以及如何将路由器出口动态重定向到另一个选项卡对我来说还是一个谜。是否有人知道是否以及如何做到这一点？

Answer 1

这是我的例子：

import { Component, OnInit } from '@angular/core';
import { ChService } from '../../services/ch.service';
import { Router } from '@angular/router';


@Component({
  selector: 'app-dashboard',
  templateUrl: 'login.component.html'
})
export class LoginComponent implements OnInit {
  pb: boolean = false;

  ngOnInit() {
    if (this.ch.getLocalUser()) {
      this.ch.token = this.ch.getLocalUser().auth_key;
      this.router.navigate(['/crm/myorders'])
    }
  }

  constructor(public ch: ChService, private router: Router) { }

  login() {
    this.ch.last_err = '';
    this.ch.getAuthtoken();
  }
 }

我通过以下字符串导航到路线：

 this.router.navigate(['/crm/myorders'])

祝你好运！

将路由器-插座切换到活动选项卡

1 个答案: