How to pass parameter inside function and get in click in 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>

I am new in angular and I am using version 12.1.4. Now, What happens here if I simply using click event without passing parameters inside getName() and alert("anything") then it works perfectly. But when I try to pass parameters inside the function and assign value in my click event function. Then it throws an error i.e. Parameter 'name' has implicitly had an 'any' type. Please help me to solve this.

ama · Accepted Answer · 2021-08-03 07:38:20Z

2

You'll have to specify the type of the parameter.

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

... or as a string.

answered Aug 3, 2021 at 7:38

ama

737 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kamran Khatti · Accepted Answer · 2021-08-03 07:40:26Z

2

This is a TypeScript error you need to specify the type of the parameter you are passing to the method and also method return type if it has void otherwise.

In your case you are passing the name that means it would be string so add the string type i.e

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

answered Aug 3, 2021 at 7:40

Kamran Khatti

4,1871 gold badge23 silver badges32 bronze badges

Collectives™ on Stack Overflow

How to pass parameter inside function and get in click in angular?

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related