Трасса на компоненты Угловая - PullRequest
Новая
       26

Трасса на компоненты Угловая

0 голосов
/ 16 декабря 2018

Могу ли я направить компоненты на определенную страницу?я хотел бы куда-нибудь направить после того, как процесс like () завершен 

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, RouterModule, Routes } from '@angular/router';
import { GamesService } from '../games.service';
import { IGames } from '../games';

  constructor(private router:Router, public route:ActivatedRoute, private gs:GamesService) { }

  like(id:string,l:string){
    if(l == 1){this.likes=0 }else{this.likes=1};
    this.gs.like(id,this.likes).subscribe(
      (data)=>{
        // this.game=data;
        console.log(data);
         router.navigate(['wishlist'];
      }
    );
  }

я получил сообщение об ошибке 

Error: Can't resolve all parameters for DetailComponent: (?, [object Object], [object Object]).

Ответы [ 2 ]

0 голосов
/ 16 декабря 2018

В конструкторе компонентов: 

constructor(private _router: Router)

и измените свою функцию следующим образом: 

like(id:string,l:string){
  if(l == 1){this.likes=0 }else{this.likes=1};
  this.gs.like(id,this.likes).subscribe(
    (data)=>{
      console.log(data);
      this._router.navigate(["/routeurl"])
    }
  );
}
0 голосов
/ 16 декабря 2018

Компонент, где у вас есть метод like (назовите этот компонент как Abc)

abc.component.ts 

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

constructor(private router: Router) {
}

like(id:string,l:string) {
    if (l == 1) {
        this.likes=0;
    } else {
        this.likes=1;
    }
    this.gs.like(id,this.likes).subscribe((data) => {
       console.log(data);
       router.navigate(['otherComponentPath']); add this
    });
}

abc.module.ts 

import { RouterModule } from '@angular/router';
import { AbcComponent } from '<path to the component>';
import { AbcRoutingModule } from '<path to the abc routing module>';

@NgModule({
    imports: [
        ...,
        RouterModule,
        AbcRoutingModule,
    ],
    declarations: [ 
        AbcComponent,
        OtherComponent 
    ]
})
export class AbcModule {
}

abcRouting.module.ts 

const routes: Routes = [
    ...
    path: 'otherComponentPath', //this will be in the url
    component: OtherComponent
];

@NgModule({
    imports: [ RouterModule.forChild(routes) ],
    exports: [ RouterModule ]
})
export class AbcRoutingModule {
}
...