如何将变量传递给angular库

<app-my-component [inputVariable]="myVariable"></app-my-component>

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: '...',
})
export class MyComponent {
  @Input() inputVariable: any;
}

import { Injectable } from '@angular/core';

@Injectable()
export class MyService {
  myVariable: any;
}

import { Component } from '@angular/core';
import { MyService } from './my.service';

@Component({
  selector: 'app-my-component',
  template: '...',
})
export class MyComponent {
  constructor(private myService: MyService) {}

  // 使用myService.myVariable访问和修改变量的值
}

import { RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  { path: 'my-component/:myVariable', component: MyComponent },
];

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

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-my-component',
  template: '...',
})
export class MyComponent implements OnInit {
  myVariable: any;

  constructor(private route: ActivatedRoute) {}

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