Как ограничить влияние изменений ngModel на другие внутри ng-шаблона в angular7?

Question

Это мой код

<ng-template #rowDetailsTmpl let-row="row">
    <div class="row" style="padding: 10px 30px;">    
      <div class="col-sm-5 form-group">
        <label> Add Operator </label>
        <input type="string" id={{row.DeskId}}  name={{row.DeskId}}  (ngModelChange)="onChangeOperator($event)" class="form-control"
        placeholder="Search Operator" [(ngModel)]="selectedOperatorEmail">         
      </div>
      
      
      @ViewChild('rowDetailsTmpl', { static: true }) rowDetailsTmpl: TemplateRef<any>;
      
      
      this._dataTableService.rowDetailsTemplate = this.rowDetailsTmpl;

В моем текстовом поле ввода кода с использованием внутри ng-шаблона я динамически устанавливаю id и имя, но когда я изменяю значение в текстовом поле, оно автоматически отражается на других полях ввода. так как решить эту проблему в angular7.

Answer 1

в компоненте определяют модель как массив:

selectedOperatorEmail: Array<any> = [];

in html определяют ngModel определяют как это:

[(ngModel)]="selectedOperatorEmail[row.DeskId]"