如何将字符串传递给 Angular 2 (click) 函数？

Question

我的 HTML 中有一个 div 元素，就像这样

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

我的问题是：如何将字符串传递给 onPaginationlick() 函数？当我尝试像这样传递它时：

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

我有一个解析模板错误。

有人可以帮忙吗？

Answer 1

如果表达式本身包含引号，则需要将整个表达式用引号引起来：

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

Answer 2

您需要使用嵌套引号：

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

Answer 3

在你的component.ts

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

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

在你的component.html

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

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