Question

我有一个模态，根据用户在该模态上选择的拖放内容显示复选框列表。我的问题是要刷新列表。这是我的代码：

modals.components.html

           <label for="channel">Channel</label>
           <select formControlName="channel" (change)="loadNewProducts($event)">
                 <option [value]="channel" *ngFor="let channel of channels">{{channel}}</option>
           </select>  

           <div style="float: left;padding-right: 10px;padding-left: 10px;" *ngFor="let product of myForm.controls['myproducts'].controls; let i = index">
                 <input type="checkbox" [formControl]="product">
               <label style="padding-left: 5px;">{{ products[i].name }}</label>
           </div>

有两个数组-一个包含产品，另一个数组具有true / false（如果已选择）。当我在渠道中选择一个项目时，我会使用一个值来调用“ loadNewProducts”。然后我需要它来重新加载我的“产品”

在我的modals.component.ts中我已经声明了一些空数组：

products = []; products_selected = [];

这是我的loadNewProducts

    loadNewProducts (event: any) {
      //update the ui
      console.log("product",event.target.value);
      this.products=this.another_list;
      this.myForm.controls['myproducts']=this.another_list;
    }

这是我失败的地方。我正在尝试使用新列表更新产品列表，但不确定如何执行。有什么想法（很清楚）吗？

如何在Angular 6.0中动态刷新复选框列表

0 个答案: