Как подсчитать мои флажки и вставить в визуализацию моей таблицы?

У меня есть проблема, которая выглядит очень простой для решения, но я не могу найти решение. У меня есть в моей django модели поле nb_engins, соответствующее целочисленному полю, моя модель имеет такой вид :

models.py

class Flottes(models.Model):
    
    name = models.CharField(max_length=255, null=True)
    nb_engins = models.IntegerField(validators=[MaxValueValidator(9999999999)], default=0)
    engins = ArrayField(models.CharField(max_length=555, blank=True), null=True)
    calculateur = models.CharField(max_length=555, null=True)
    type_fichier = models.CharField(max_length=255, null=True)
    created_at = models.DateTimeField(auto_now_add=True, null=datetime.date.today)

Вот мои 2 функции, одна используется для получения выбранных флажков, а другая для проверки формы

component.ts

// Get List of Checked Items
getCheckedItemList(){
  this.checkedList = [];
  this.count = 0;
  for (var i = 0; i < this.engins.length; i++) {
    if(this.engins[i].isSelected)
    this.count = this.count+1;
    this.checkedList.push(this.engins[i]);
  }
  this.checkedList = JSON.stringify(this.checkedList);
}



submitForm(): void {


    const { value } = this.form;
    // get selected fruit from FormGroup value
    const selectedEngin =
      value?.engins?.filter((f: Engins) => f.checked) || [];

    // form value binded
    console.log('current form value: ', value);  
    console.log('only selected form value: ', selectedEngin);
    // original value from database not change
    console.log('original engins list: ', this.engins);
    this.result = {
      name: value?.name || '',
      selectedEngin,
      nb_engins: value?.checkedList|| '',
      calculateur: value?.calculateur || '',
      type_fichier: value?.type_fichier|| '',
   
     }

     alert('La flotte a été enregistré avec succès !');

     this.api.registerFlotte(this.form.value)
     .subscribe((res:any)=>{console.log(res)});

  }

У меня получается отобразить количество отмеченных флажков благодаря count, но я не могу сохранить их в моей таблице, и даже если я сохраню их вручную в моей таблице, я не могу просмотреть их здесь, я использую теги здесь. не очень конкретный для отображения моих данных я не знаю, можете ли вы помочь мне по 2-й части

visualisation.html

<wcs-grid id="grid-simple-1" class="hydrated" [data]="flottes">


<wcs-grid-column class="hydrated" name="Date de création" path="created_at"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Créé par"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Name" path="name"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Nb d'engins" path="nb_engins" ></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Composants/Calculateurs" path="calculateur"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Type de fichier" path="type_fichier"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Date de mise à jour"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Statut"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Modification" [formatter]="updateFormatter"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Suppression" path="engins" [formatter]="supprFormatter"></wcs-grid-column>
</wcs-grid>

Все отображается, но не мое количество передач, Есть ли у вас зацепка? Похоже, я забыл основной элемент в моей функции typescript

Заранее спасибо

Вернуться на верх