通过 div 元素传递 ngmodel

Question

我的 table 中有一个值。我正在尝试将特定的单元格值传递给打字稿。但是当我使用 ngmodel 尝试它并且当我调试它时它变得不确定。 ngmodel 值 qty 在打字稿中被指定为数字，它是一个数字。 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>

通过 div 元素传递 ngmodel

passing ngmodel throug a div element

javascript

angular

typescript

angular5

angular8