Блог

У меня проблема с обнаружением изменений углового 11 в этом случае:

У меня есть карта, и я повторяю ее в шаблоне, используя канал значений ключей и дополнительный обратный вызов, чтобы получить исходный порядок карты, а не порядок по ключу.

Но когда я изменяю эту карту, обнаружение изменений ничего не делает.

Я знаю, что канал значений ключей генерирует полный новый массив. Таким образом, ясно, что изменение ссылок на карте не приведет к обнаружению изменений. Но почему бы не изменить полную карту?

Вот какой-то код:

Шаблон:

 <ng-container *ngFor="let postMap of mappingMap.events | keyvalue: originalOrder; let i = index">
   <ion-slide *ngIf="!postMap.value.isHiddenByFilter" (click)="showSlideActionSheet('events', postMap.key)" class="overview-slide" >
 

Компонент:

     interface MappingMapvalue {
        isHiddenByFilter: boolean;
        sliderIndex: number;
    }
    
    mappingMap: Map<number, MappingMapvalue>;
    
    pseudyfunction(cpt: string): void {
        let newMap: any;
        posts: ....................
    
        newMap = [...this.mappingMap[cpt].entries()].sort((a, b) =>
                posts[a[0]][key].toLowerCase() > posts[b[0]][key].toLowerCase()
                ? 1
                : posts[b[0]][key].toLowerCase() > posts[a[0]][key].toLowerCase() ? -1 : 0
            );
    
        
        this.mappingMap[cpt] = new Map(newMap); // Why no change detection here? This is a complete new Map! Same properties but another order
        
    
    }

originalOrder = (a: KeyValue<number,MappingMapvalue>, b: KeyValue<number,MappingMapvalue>): number => 0;
 

Кто-нибудь может объяснить, почему обнаружение изменений не срабатывает при инициализации новой карты?

Срабатывает обнаружение изменений, если я это сделаю:

 const newMap2 = new Map();
newMap2.set(700, {isHiddenByFilter: true, sliderIndex: 0});
this.mappingMap[cpt] = newMap2;
 

Но почему тогда, а не при изменении всей карты?

Дополнительный вопрос::

Это не приводит к обнаружению изменений:

 this.mappingMap[cpt] = new Map(newMap);
            this.mappingMap[cpt].set('newdummyfield', {isHiddenByFilter: true, sliderIndex: undefined});
            this.mappingMap[cpt].delete('newdummyfield');
 

Но это вызывает его:
(В сценарии это не имеет смысла, но я хотел это проверить)

 this.mappingMap[cpt] = new Map(newMap);
            this.mappingMap[cpt].set('newdummyfield', {isHiddenByFilter: true, sliderIndex: undefined});
            setTimeout(() => {
                this.mappingMap[cpt].delete('newdummyfield');
            });
 

Ожидает ли обнаружение изменений полного синхронного кода? Является ли это обычным поведением обнаружения изменений?