angular - CSS წესების პირობებით მიმართვა ელემენტებზე *ngFor ციკლში

მყავს სია, რომელიც დინამიკურად არის შევსებული ობიექტებით.

მინდა მივაღწიო იმას, რომ დავამატო ფონური ფერი დივზე, რომელიც შეიცავს მონიშნულ ჩეკბოქსს.

გარდა ამისა, მინდა ღილაკები დავაჩვენო მაშინ, როცა ჩეკბოქსი მონიშნულია.

<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>

პასუხი #1

შესაძლო საუკეთესო გზა იქნება დაამატოთ ეს „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>