单击按钮时在ngFor列表中输入动作

时间:2019-03-20 14:34:11

标签: angular typescript angular-material

我有一个需要idle in transaction的列表,到目前为止,每个项目都需要一个"%+%" <- function(x,y) paste(x, y, sep = "") lapply(predictors, function(x){ glm(as.formula("response_var ~ " %+% x), data = mydata, family = binomial(link = logit)) }) 和一个ngFor来完成输入值的工作。

input

选中https://stackblitz.com/edit/angular-lpiakc?file=app%2Flist-overview-example.ts

如何将输入值传递给方法button

<mat-list role="list">
  <mat-list-item *ngFor="let item of items">{{item}}: 

    <mat-form-field>
      <input matInput>
    </mat-form-field>
    <button mat-stroked-button (click)="addCookie()">Add Cookie</button>

  </mat-list-item>
</mat-list>

1 个答案:

答案 0 :(得分:3)

您可以通过在HTML中使用#input来实现此目的,然后可以将该输入的值传递到addCookie函数中。

<mat-list role="list">
  <mat-list-item *ngFor="let item of items">{{item}}:
    <mat-form-field>
      <input matInput #input>
    </mat-form-field>
    <button mat-stroked-button (click)="addCookie(input.value)">Add Cookie</button>
  </mat-list-item>
</mat-list>