我有一个动态填充对象的列表.

我想为包含选中复选框的div添加背景色.

此外,我想在选中复选框时显示按钮.

<div *ngFor="let item of items" [ngClass]="classname: ifCheckboxChecked">
  <p-checkbox (onChange)="onCheckboxChecked($event)"></p-checkbox>
  <span>{{item.itemName}}</span>
  <div *ngIf="ifCheckboxChecked">
    <button></button>
    <button></button>
  </div>
</div>

推荐答案

最好的方法是将这个"isChecked"属性添加到项目的模型中.然后,代码可以如下所示:

<div *ngFor="let item of items" [class.classname]="item.isChecked">
  <p-checkbox [(value)]="item.isChecked"></p-checkbox>
  <span>{{item.itemName}}</span>
  <div *ngIf="item.isChecked">
    <button></button>
    <button></button>
  </div>
</div>

Typescript相关问答推荐

如何获取数组所有可能的索引作为数字联合类型?

在TypeScript中,除了映射类型之外还使用的`in`二进制运算符?

为什么typescript不能推断类的方法返回类型为泛型''

Angular 行为:属性类型从SignalFunction更改为布尔

具有泛型类方法的类方法修饰符

无法正确推断嵌套泛型?

获取函数中具有动态泛型的函数的参数

接口中函数的条件参数

<;T扩展布尔值>;

从TypeScrip中的其他类型检索泛型类型

Angular文件上传到Spring Boot失败,多部分边界拒绝

接口重载方法顺序重要吗?

函数重载中的不正确TS建议

如何在typescript中为this关键字设置上下文

如何正确调用创建的类型?

为什么我的函数arg得到类型为Never?

在构建Angular 应用程序时,有没有办法通过CLI传递参数?

有没有更干净的方法来更新**key of T**的值?

Angular 16:无法覆盖;baseUrl;在tsconfig.app.json中

元组解释