How to pass a string to Angular 2 (click) function?

Question

I have a div element in my HTML like so

<div (click) = onPaginationClick()>next</div>

My question is : How to pass a string to the onPaginationlick() function ? when i try to pass it like this :

<div (click)=onPaginationClick("myString")>next</div>

I have a parse template error.

Enyone can help ?

Günter Zöchbauer · Accepted Answer · 2016-08-09 11:28:32Z

21

You need to wrap the whole expression in quotes if it itself contains quotes:

<div (click)="onPaginationClick('myString')">next</div>

answered Aug 9, 2016 at 11:28

661k235 gold badges2.1k silver badges1.6k bronze badges

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

2 Comments

@gunther, what if i need to evaluate a value in place of my string

@VinaySingh then omit the quotes. Not sure what the problem is.

Oliver Renner · Accepted Answer · 2016-08-09 11:30:36Z

2

you need to use nested quotes:

<div (click)="onPaginationClick('helloworld')">next</div>

answered Aug 9, 2016 at 11:30

Oliver Renner

5631 gold badge5 silver badges9 bronze badges

Linh · Accepted Answer · 2017-05-10 13:52:14Z

1

In your component.ts

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

@Component({
  ...
})
export class AppComponent {
  ...
  onPaginationClick(value): void {
     ...
  }
}

In your component.html

<div (click)="onPaginationClick('helloworld')">next</div>

answered May 10, 2017 at 13:52

Linh

61.3k25 gold badges274 silver badges298 bronze badges