Переключить роутер - розетка на активную вкладку - PullRequest
Новая
       15

Переключить роутер - розетка на активную вкладку

0 голосов
/ 20 марта 2019

В настоящее время мы планируем новое угловое 7 приложение с дизайном материала (md-tabs), которое будет работать с несколькими вкладками.По сути, должна быть возможность динамически создавать новые вкладки, которые должны представлять содержимое маршрута.В начале стартовая страница должна быть открыта в первой вкладке, которая всегда существует.При определенных действиях будет создана новая вкладка с маршрутом.

Если вы теперь щелкнете по ссылке в навигации, этот контент всегда должен загружаться в активную в данный момент вкладку.

Для созданияэти новые вкладки динамически использую массив, это не проблема.Как я могу динамически загружать маршруты в новых вкладках и как я могу динамически перенаправлять выход маршрутизатора в другую вкладку, для меня загадка.У кого-нибудь есть хорошая идея, если и как это можно сделать?

1 Ответ

0 голосов
/ 20 марта 2019

это мой пример: 

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'])

Удачи!

...