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

Question

I have a div element in my HTML so that

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

My question is: how do I 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 pattern error.

Enyone can help?

Answer 1

You need to wrap the whole expression in quotation marks if it contains quotation marks:

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

Answer 2

you need to use nested quotes:

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

Answer 3

In component.ts

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

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

In the .html component

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