如何将angular 4中的变量作为参数传递？

在Angular 4中，可以通过多种方式将变量作为参数传递。以下是几种常见的方法：

1. 使用属性绑定（Property Binding）：可以使用方括号将变量绑定到组件的属性上。例如，如果有一个名为"variable"的变量，可以将其作为参数传递给子组件的属性：

<app-child [childProperty]="variable"></app-child>

在子组件中，可以通过@Input()装饰器接收该参数：

@Input() childProperty: any;

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接：https://cloud.tencent.com/product/cvm

1. 使用事件绑定（Event Binding）：可以使用圆括号将变量绑定到组件的事件上。例如，当某个按钮被点击时，将变量作为参数传递给组件的方法：

<button (click)="onButtonClick(variable)">Click</button>

在组件中，定义对应的方法来接收参数：

onButtonClick(param: any) {
  // 处理传递的参数
}

推荐的腾讯云相关产品：腾讯云函数（SCF），产品介绍链接：https://cloud.tencent.com/product/scf

1. 使用服务（Service）：可以创建一个共享的服务，将变量存储在该服务中，并在需要的组件中注入该服务来获取参数。首先，创建一个服务并定义一个属性来存储变量：

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

在组件中，将变量赋值给该服务的属性：

constructor(private myService: MyService) {
  this.myService.myVariable = variable;
}

在其他组件中，注入该服务并获取参数：

constructor(private myService: MyService) {
  const param = this.myService.myVariable;
}

推荐的腾讯云相关产品：腾讯云云函数（SCF），产品介绍链接：https://cloud.tencent.com/product/scf

这些是将Angular 4中的变量作为参数传递的几种常见方法。根据具体的场景和需求，选择适合的方法来传递参数。