angular - 如何在函数内部传递参数并点击角度？

Question

app.component.ts

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'project';
  getName(name) 
  {
    alert(name);
  }
}

app.component.html

<button (click)="getName('tony')">click me</button>

我是 Angular 新手，我使用的是 12.1.4 版本。现在，如果我只是使用点击事件而不在内部传递参数，那么这里会发生什么getName()，alert("anything")然后它会完美运行。click但是当我尝试在函数内部传递参数并在我的事件函数中赋值时。然后它抛出一个错误，即Parameter 'name' has implicitly had an 'any' type。请帮我解决这个问题。

Answer 1

您必须指定参数的类型。

 getName(name : any) 
  {
    alert(name);
  }

...或作为字符串。

Answer 2

这是一个 TypeScript 错误，您需要指定要传递给方法的参数的类型以及方法返回类型（如果有void其他情况）。

在您的情况下，您传递的名称意味着它将是字符串，因此添加字符串类型，即

getName(name : string): void {
   alert(name);
}