@angular/cli项目构建--路由3

modifyUser(user) {
    this.router.navigate([‘/auction/users‘, user.id]);
  }

{path: ‘users/:id‘, component: UserModifyComponent, resolve: {user: UserResolve}},

import {Injectable} from ‘@angular/core‘;
import {ActivatedRouteSnapshot, Resolve, RouterStateSnapshot} from ‘@angular/router‘;
import {User} from ‘../entity/user‘;
import {Observable} from ‘rxjs/Observable‘;
import {UserService} from ‘./user.service‘;

@Injectable()
export class UserResolve implements Resolve<User> {

  constructor(private userService: UserService) {
  }

  resolve(route: ActivatedRouteSnapshot,
          state: RouterStateSnapshot): Observable<User> | Promise<User> | User {
    return this.userService.getUserById(route.params.id);
  }
}

this.activatedRoute.data.subscribe((data) => this.model = data.user);

import {Injectable} from ‘@angular/core‘;
import {HttpClient, HttpParams} from ‘@angular/common/http‘;
import {Observable} from ‘rxjs/Observable‘;

@Injectable()
export class UserService {

  constructor(private http: HttpClient) {
  }

  queryUsers(userName, fullName): Observable<any> {
    const params = new HttpParams()
      .set(‘userName‘, userName)
      .set(‘fullName‘, fullName);
    return this.http.get(‘/api/users‘, {params});
  }

  getUserById(id): Observable<any> {
    const url = ‘/api/users/‘ + id;
    return this.http.get(url);
  }

  deleteUser(id): Observable<any> {
    const url = ‘/api/users/‘ + id;
    return this.http.delete(url);
  }
}