как использовать параметры маршрута в угловых 2 - PullRequest
Новая
       33

как использовать параметры маршрута в угловых 2

0 голосов
/ 11 мая 2018

я новый угловой 2. хочу отправить данные из одного компонента в другой компонент через routeparams

Мой первый компонент: 

<button type="submit"  class="btn btn-primary" (click)="thanks()"> Proceed </button>

thanks(){
  this.router.navigate(['/second', this.tyData]);
}

при нажатии на кнопку я хочу отправить данные this.tyData на мой второй компонент Мой второй компонент 

import { ActivatedRoute, Router } from '@angular/router';

export class SecondComponent {
constructor(private route: ActivatedRoute, private router: Router) { }

  ngOnInit() {
    this.tMsg = this.route.snapshot.paramMap.get('tMsg');
  }
}

А файл роутера 

    const appRoutes: Routes = [
          {
            path:  'login',
            component: LoginComponent
          },
          {
            path:  'first',
            component: FirstComponent
          },
          {
            path: 'second/:tMsg',
            component: SecondComponent
          }
    ]

После нажатия на кнопку кнопки перейдите на страницу входа вместо второй страницы компонента

...