修改ngFor使用的数组时清除ngModel数据

Question

我正在尝试使用ngFor循环为表单的用户提供添加任意数量的文本字段的功能，它可以工作，但是

  

ngModel 即中包含的所有数据。当ngFor数组长度增加时，输入文本区域中输入的任何内容都会被擦除

<!-- start button that adds field --->  

    <ion-col col-12 >
        <button class="button" ion-button button-block padding data-tab-disabled="true" (click)='this.function_add_generic_room();'> CLICK TO ADD ADDITIONAL ROOMS </button>
    </ion-col>

<!-- end button--->   

<!-- start for each element in loop ---> 

    <ion-col col-12 *ngFor="let g of this._property_generic_room;">
         <ion-item>
             <ion-label stacked>ITEM NAME</ion-label>
             <ion-textarea type="text" [(ngModel)]="g.name" name="_generic_name">
             </ion-textarea>
         </ion-item>

        </ion-col>

<!--end loop --->  

<!--start code --->  

        public function_add_generic_room() {

            this._property_generic_room_count++;
            let arr = [];
            arr['cleanliness'] = 0;
            arr['comments'] = '';

            this._property_generic_room.push(arr);

         }

<!--end code --->