使用 PrimeNG 可编辑 p 表更改 ngModelChange 上 <td> 的样式

问题描述

我目前正在构建一个以 PrimeNG 作为 UI 库的 Angular 应用程序。我已经建立了一个包含数据的 p 表，并使其可通过 p 下拉菜单进行编辑。这些 p-dropdowns 绑定到更改 ngModel。使用 p 表单元格中的 p 下拉列表更改 ngModel 后，我无法更改 td 的样式。

有没有办法做到这一点？我正在考虑能够在 p-cellEditor 中设置 td 或输出的 div 的样式。我想更改样式，在更改 ngModel 时在 td 上添加红色边框。

这是我的代码：

<p-table [value]="current.values">
  <ng-template pTemplate="body" let-value>
    <tr>
      <td pEditableColumn *ngFor="let field of fields" style="">
        <p-cellEditor>
          <ng-template pTemplate="input">
            <p-dropdown [options]="options" [(ngModel)]="value[field]" appendTo="body" 
            (ngModelChange)="value,field" required>
            </p-dropdown>
          </ng-template>
          <ng-template pTemplate="output">
            <div style="">
              {{value[field]}}
            </div>
          </ng-template>
        </p-cellEditor>
      </td>
    </tr>
  </ng-template>
</p-table>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）