使用组件

Question

我对angular2没有任何了解，但尝试在现有代码中添加功能。

这是组件中的函数调用：

<a (click)="somefunction()">TEST</a>

我想用参数调用它。怎么做？因为这样传递不起作用：(click)="somefunction(something='test')

Answer 1

调用函数时无需分配变量，因为应在javascript中处理输入。以下代码假设您使用的是同一组件中的ts和html。

我快速整理了一个组件，以帮助您提供一些背景信息。

HTML

        <tr *ngFor="let staff of allStaff">
            <td>{{staff.name}}</td>
            <td>{{staff.position}}</td>
            <td>{{staff.created_at}}</td>
            <td><button (click)="here(staff)"><span>View</span></button>
        </tr>

TS

import { Component, AfterViewChecked } from '@angular/core';
import { StaffService } from '../staff.service';

import { Staff } from '../staff';

@Component({
  templateUrl: './view-all.component.html'
})

export class ViewAllComponent {
  allStaff: Staff[];

  constructor(
    private staffService: StaffService,
  ) {
    this.getAllStaff();
  };

  getAllStaff(): void {
    this.staffService.getAllStaff().then(res => this.allStaff = res);
  };

  here(staff: Staff): void {
    console.log(staff);
  }
}