通过 div 元素传递 ngmodel

Question

我的表中有一个值。我正在尝试将特定的单元格值传递给打字稿。但是当我使用 ngmodel 尝试它并且当我调试它时它变得未定义。 ngmodel 值 qty 在 typescript 中被指定为数字，它是一个数字。 stackblitz 仅供参考，实际上我是从列表中获取的 td 标签中获取值

Stackblitz 示例一：https://stackblitz.com/edit/angular-ivy-sundu2?file=src%2Fapp%2Fapp.component.html

我的代码：

   <td>
      <div *ngIf="data === 'RARE' ; else notype" style="cursor: pointer;"
       (click)="View()" [(ngModel)]="qty" name="fieldName" ngDefaultControl>{{ list.value}}</div>
       <ng-template #notype (click)="View()"> {{currentvalue}}</ng-template>
   </td>

Answer 1

你可以在html模板中使用(click)

<td>
   <div *ngIf="data === 'RARE' ; else notype" style="cursor: pointer;"
    (click)="setQty(list.value)" name="fieldName" ngDefaultControl>{{ list.value}}</div>
     <ng-template #notype (click)="View()"> {{currentvalue}}</ng-template>
</td>

在组件中

setQty(val: number) {
  this.qty = val;
}

Stackblitz：https://stackblitz.com/edit/angular-ivy-gavpqc?file=src/app/app.component.ts

更多详情见：https://angular.io/guide/event-binding

Answer 2

尝试 [innerHTML] 而不是 [(ngModel)] ：

<td>
  <div *ngIf="data === 'RARE' ; else notype" style="cursor: pointer;"
   (click)="View()" [innerHTML]="qty" name="fieldName" ngDefaultControl></div>