list-formatter вызывается несколько раз

Question

У меня есть средство форматирования списка (autocompleListFormatter), которое вызывается несколько раз при запуске раскрывающегося списка.

На изображении выше показан вывод с консоли после того, как раскрывающийся список инициирован только один раз.

раскрывающийся список.component.html

<form [formGroup]="myForm" class="">
  <div class="form-style">
    <input
      autofocus
      [list-formatter]="autocompleListFormatter"
      type="text"
      class="form-control"
      formControlName="gridDropdown"
      [source]="dropdownData"
      value-property-name="id"
      display-property-name="name"
      [(ngModel)]="value"
    />
  </div>
</form>

dropdown.component.ts

export class DropdownComponent implements OnInit, AgEditorComponent {
  @Input() name: String;
  public dropdownData = ColumnData[0].cellEditorParams.values;
  public myForm: FormGroup;
  constructor(private builder: FormBuilder, private _sanitizer: DomSanitizer) {}

// ****DROPDOWN****** //
  autocompleListFormatter = (data: any) => {
    console.log('autocompleListFormatter..............');
    let html = `<span>${data.name}</span>`;
    return this._sanitizer.bypassSecurityTrustHtml(html);
  };

  agInit(params: ICellEditorParams) {
    this.value = params.value;
    this.oldValue = this.value;
    this.value = '';
    return this.value;
  }

  ngOnInit() {
    this.myForm = this.builder.group({
      gridDropdown: ''
    });
  }
}

column-data.ts

export let ColumnData = [
  {
    editable: true,
    cellEditor: 'editComp',
    cellEditorParams: {
      values: [
        { id: 1, name: '200001 - General Management' },
        { id: 2, name: '200002 - Management' },
        { id: 3, name: '200003 - DataCenter' },
        { id: 4, name: '200009 - Location Hamburg' },
        { id: 5, name: '200010 - General Management' },
        { id: 6, name: '200011 - Management' },
        { id: 7, name: '200012 - DataCenter' },
        { id: 8, name: '2000213 - Location Hamburg' }
      ]
    }
  }
];

Есть ли способ избежать этого?Должен ли я использовать определенный крюк жизненного цикла или что-то еще?

Answer 1

В зависимости от количества элементов, присутствующих в массиве значений ColumnData, фильтр вызывается каждый раз, чтобы создать диапазон для раскрывающегося числа.

Вы можете видеть, что в Chrome объединяютсяколичество логов 8