如何将 *ngFor 用于 angular 中的动态数组

如何解决如何将 *ngFor 用于 angular 中的动态数组

我需要以角度遍历数组数组。 *ngFor 适用于主数组，但不适用于嵌套数组。下面是代码

<div *ngFor="let filter_name of this.common.filters">
<div class="form-group col-md-12 mt-2">
<label for="assigned_to" class="modal_class ml-2">{{filter_name}}</label>
<select class="form-control select2 form-control-lg validate_input" id="assigned_to" name="assigned_to">
<option *ngFor="let options of this.common.filters.filter_name">{{options}}</option>
</select>
</div>
</div>

嵌套数组的名字是动态的，在filter_name变量中

解决方法

你可以在 get 中使用类似这个用户的东西

<div formArrayName="productOption">
   <div *ngFor="let option of productOptionForm['controls'].productOption['controls']; let i=index">
      <div [formGroupName]="i">
         <div formArrayName="optionList">
            <div *ngFor="let listObj of option.get('optionList').controls; let j = index">
               <div [formGroupName]="j"> 
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

,

举一个有多个地址的人的例子

  <div *ngFor="let person of persons"; let i=index>
<select class="form-control select2 form-control-lg validate_input" id="assigned_to" name="assigned_to">
          <option *ngFor="let address of person.addresses; let j=index">{{address.city}} 
          </option>
        </select>
        </div>
        </div>