Avoid NG0956 error "The configured tracking expression..."

Ecodev · Sep 6, 2024 · 0bc61c4 · 0bc61c4
1 parent 23e613f
commit 0bc61c4
Show file tree

Hide file tree

Showing 9 changed files with 10 additions and 10 deletions.
diff --git a/projects/natural/src/lib/modules/detail-header/detail-header.component.html b/projects/natural/src/lib/modules/detail-header/detail-header.component.html
@@ -4,7 +4,7 @@
             rootLabel || label
         }}</a>
     }
-    @for (parent of breadcrumbs; track parent) {
+    @for (parent of breadcrumbs; track parent.id) {
         /
         <a [routerLink]="isPanel ? [] : getLink(parent.id)" color="primary" mat-button>
             {{ parent?.fullName || parent?.name }}</a

diff --git a/projects/natural/src/lib/modules/detail-header/detail-header.component.ts b/projects/natural/src/lib/modules/detail-header/detail-header.component.ts
@@ -1,5 +1,5 @@
 import {Component, Input} from '@angular/core';
-import {Literal} from '../../types/types';
+import {Literal, NameOrFullName} from '../../types/types';
 import {NaturalIconDirective} from '../icon/icon.directive';
 import {MatIconModule} from '@angular/material/icon';
 import {RouterLink} from '@angular/router';
@@ -48,7 +48,7 @@ export class NaturalDetailHeaderComponent {
      */
     @Input() public newLabel = '';
     @Input({required: true}) public model!: Literal;
-    @Input() public breadcrumbs: Literal[] = [];
+    @Input() public breadcrumbs: NameOrFullName[] = [];
     @Input() public listRoute: any[] = [];
     @Input() public listFragment: string | undefined;
     @Input() public link?: (id: string) => any[];

diff --git a/...rc/lib/modules/hierarchic-selector/hierarchic-selector/hierarchic-selector.component.html b/...rc/lib/modules/hierarchic-selector/hierarchic-selector/hierarchic-selector.component.html
@@ -40,7 +40,7 @@
     </mat-tree>
 
     <mat-chip-listbox aria-orientation="vertical" class="mat-mdc-chip-set-stacked">
-        @for (node of selectedNodes; track node) {
+        @for (node of selectedNodes; track node.model.id) {
             <mat-chip-option (removed)="unselectModelNode(node)" [removable]="true" [selectable]="false">
                 @if (node.config.icon) {
                     <mat-icon [naturalIcon]="node.config.icon" />

diff --git a/projects/natural/src/lib/modules/search/facet-selector/facet-selector.component.html b/projects/natural/src/lib/modules/search/facet-selector/facet-selector.component.html
@@ -2,7 +2,7 @@
     <div class="dropdown-title mat-body-2">{{ data.title }}</div>
 }
 <mat-nav-list>
-    @for (facet of facets; track facet) {
+    @for (facet of facets; track $index) {
         <mat-list-item (click)="selection = facet; close()">
             <a>{{ facet.display }}</a>
         </mat-list-item>

diff --git a/projects/natural/src/lib/modules/search/group/group.component.html b/projects/natural/src/lib/modules/search/group/group.component.html
@@ -1,4 +1,4 @@
-@for (selection of innerSelections; track selection) {
+@for (selection of innerSelections; track $index) {
     <natural-input
         (cleared)="removeInput($index)"
         (selectionChange)="updateInput($event, $index)"

diff --git a/projects/natural/src/lib/modules/search/search/search.component.html b/projects/natural/src/lib/modules/search/search/search.component.html
@@ -1,6 +1,6 @@
 <div class="natural-search" [ngClass]="{mobile: isMobile | async, hasMultipleGroups: innerSelections.length > 1}">
     <div class="groupsWrapper">
-        @for (groupSelections of innerSelections; track groupSelections) {
+        @for (groupSelections of innerSelections; track $index) {
             <div class="groupWrapper">
                 <natural-group
                     (selectionChange)="updateGroup($event, $index)"

diff --git a/projects/natural/src/lib/modules/select/select-enum/select-enum.component.html b/projects/natural/src/lib/modules/select/select-enum/select-enum.component.html
@@ -10,7 +10,7 @@
         @if (nullLabel) {
             <mat-option [value]="null">{{ nullLabel }}</mat-option>
         }
-        @for (item of items | async; track item) {
+        @for (item of items | async; track item.value) {
             <mat-option [value]="item.value" [disabled]="optionDisabled ? optionDisabled(item) : false">
                 {{ item.name }}
             </mat-option>

diff --git a/projects/natural/src/lib/modules/select/select/select.component.html b/projects/natural/src/lib/modules/select/select/select.component.html
@@ -5,7 +5,7 @@
     [displayWith]="getDisplayFn()"
     panelWidth="auto !important"
 >
-    @for (item of items | async; track item) {
+    @for (item of items | async; track $index) {
         <mat-option [value]="item">
             <ng-template
                 [ngTemplateOutletContext]="{item: item}"

diff --git a/src/app/navigable-list/navigable-list.component.html b/src/app/navigable-list/navigable-list.component.html
@@ -4,7 +4,7 @@ <h1 class="mat-headline-4">NaturalAbstractNavigableList</h1>
     <div class="nat-expand nat-vertical">
         <div class="nat-vertical">
             <div class="nat-horizontal nat-wrap">
-                @for (item of breadcrumbs; track item) {
+                @for (item of breadcrumbs; track item.id) {
                     <a [routerLink]="getChildLink(item)" class="nat-no-padding" mat-button>
                         <mat-icon naturalIcon="chevron_right" />
                         <span>{{ item.name }}</span>