如何在angular中调用模板中的路由组件

角度7，我有一个组件，它对这样的路径做出响应

export class MyComponent implements OnInit {

ngOnInit() {
    this.route.paramMap.pipe(
            switchMap((params: ParamMap) => {
                return this.myService.get(+params.get('id'));
            })
        )
            .subscribe( ...

现在在另一个组件模板中，我想在模板中直接调用这个组件，我该如何做呢

<app-my></app-my>

如何提供路由参数

id

？

只需使用/添加并使用标准

MyComponent.ts

export class MyComponent implements OnInit {

    @Input()
    id: string;

    ngOnInit() {
        if(!this.id)
        {
          this.route.paramMap.pipe(
                switchMap((params: ParamMap) => {
                    return this.myService.get(+params.get('id'));
                })
            )
                .subscribe( ...

<app-my [id]="'some value'"></app-my>

根组件.ts

export class MyComponent implements OnInit {

    @Input()
    id: string;

    ngOnInit() {
        if(!this.id)
        {
          this.route.paramMap.pipe(
                switchMap((params: ParamMap) => {
                    return this.myService.get(+params.get('id'));
                })
            )
                .subscribe( ...

<app-my [id]="'some value'"></app-my>

只需使用/添加并使用标准

MyComponent.ts

export class MyComponent implements OnInit {

    @Input()
    id: string;

    ngOnInit() {
        if(!this.id)
        {
          this.route.paramMap.pipe(
                switchMap((params: ParamMap) => {
                    return this.myService.get(+params.get('id'));
                })
            )
                .subscribe( ...

<app-my [id]="'some value'"></app-my>

根组件.ts

export class MyComponent implements OnInit {

    @Input()
    id: string;

    ngOnInit() {
        if(!this.id)
        {
          this.route.paramMap.pipe(
                switchMap((params: ParamMap) => {
                    return this.myService.get(+params.get('id'));
                })
            )
                .subscribe( ...

<app-my [id]="'some value'"></app-my>