解析方法的参数解析器

时间:2018-05-17 05:56:26

标签: angular resolver

所以我在角度5中实现了一个解析器:

@Injectable()
    export class AppResolver implements Resolve<MyComplexObject []> {
        constructor(private myService: MyService) {

        }
        resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<MyComplexObject[]> {
            return this.myService.getMyApi(myOption); // my option is a string
        }
    }

现在myOption是一个硬编码的字符串,我想改变那个

在我的路由模块中,我有:

resolve: {
        myResolver: AppResolver
      }

我想也许在这里我应该指定myOption字符串的值,但是如何?

或更好的地方,我实际上称之为解析器

this.route.data.map(data => data.myResolver).subscribe(
      result => {
        // do something with the result (specify who the myOption is?? How)
    });

参数不一定在浏览器中可见:

它将成为网址的一部分:/.../.../ myString /..

但它没有被param引入:url:/..& amp; myParam = paramValue

所以我不能使用myParam从url中识别它并替换它

1 个答案:

答案 0 :(得分:3)

以下是将data发送到resolver的示例,

路线配置:

{
  path: 'project/:id',
  component: ProjectComponent,
  resolve: { data: AppResolver },
  data: { resolvedata: 'myValue' }
}

<强>解析器:

@Injectable()
export class AppResolver implements Resolve<MyComplexObject []> { 
  constructor(private myService: MyService, private router: Router) {} 
  resolve(route: ActivatedRouteSnapshot): Observable<MyComplexObject[]>|boolean { 
    let myParam = route.data['resolvedata']; 
    console.log(myParam); 
  } 
}