Advertisements I have an ngFor loop set up like this: <div *ngFor="let record of this.RecordsProcessed; let i = index"> <div class="row my-16" data-test=’test’_{{i}}> <div class="col-4">Id:</div> <div class="col-8">{{record?.Id}}</div> </div> </div> I want to put the index from ngFor on the data-text tag within the html. Is it possible to do something like this within the html?… Read More How to make the index from ngFor part of an html tag value

Advertisements I have this Angular 9 component, named inner: <div #ref> <ng-content select="[content]"></ng-content> </div> <ng-container *ngIf="!ref.hasChildNodes()"> <div>Default value</div> </ng-container> It will be displayed "Some content" if I use it in a parent component this way: <inner><div content>Some content</div><inner> It will be displayed "Default value" if I use it in a parent component this way: <inner><inner>… Read More Default content for ng-content when using ngIf

Advertisements I am using angular cli 16. I run following command To generate ENVIROMENT folder in the project: ng generate enviroments I get following error message: Error: A collection and schematic is required during execution. I could generate folder and files of ENVIROMENT manually ,but I worry to miss some additional configurations. >Solution : You… Read More Angular generate enviroment

Advertisements duplicate UR: ERROR Error: Uncaught (in promise): Error: NG04002: Cannot match any routes. URL Segment: ‘user/catalog/user/guide’ created user routing module: const routes: Routes = [ { path: ‘user/catalog’, component:TestCatalogComponent }, { path:’user/guide’, component:TestGuideComponent } ] @NgModule({ imports: [ RouterModule.forChild(routes) ], exports:[RouterModule] }) export class UserRoutingModule { } app routing const routes: Routes = [];… Read More angular dupicate url when routing

Advertisements I’m using a fairly straightforward navigation list inside mat-sidenav, and whenever the sidenav is shown, it always highlights the top menu item: <mat-sidenav-container class="example-container"> <mat-sidenav #sidenav mode="over"> <mat-nav-list> <mat-list-item *ngFor="let i of menuItems" [routerLink]="i.link"> <span matListItemTitle>{{i.title}}</span> </mat-list-item> </mat-nav-list> </mat-sidenav> <mat-sidenav-content> side content </mat-sidenav-content> </mat-sidenav-container> I cannot fathom what causes it to highlight the top… Read More How to switch off top-item selection for mat-nav-list inside mat-sidenav?

Advertisements i am using angular15 and have an autocomplete search based on input, but the response i get is having License number as array of strings in all the objects. now i need to collect all license number from objects and make it as one array of object or array of Strings. Expected output :… Read More how to concat all license number into one array using angular15 and javascript

Advertisements I have a autocompete field which when selected displays details for the selected value on the right side of the form. The problem I have is when I clear the current value and select a new value the detail view diplays the previous details data instead of the new value’s details. Any help will… Read More Angular – Displaying previous data when changing values in the form

Advertisements I am using Leaflet library and I want to add just overlay layer on the map and the first argument sholud be null, right? But when I do this: var layerControl = L.control.layers(null,overlay).addTo(this.mapa); I get this error: Argument of type ‘null’ is not assignable to parameter of type ‘LayersObject | undefined’. I am working… Read More Layers Control and null as first argument

Advertisements I have some ViewModels that I get from API, and those models should be shown in dynamic table in Angular.For example CountryTableViewModel: public class CountryTableViewModel : IMapFrom<Country> { public int ID { get; set; } public string CreatedBy {get;set;} public string Name { get; set; } public bool Active { get; set; } }… Read More Return model to angular, but do not show all fields in dynamic table

Advertisements I am working on angular 13. I have 4 api calls in one component but only one api call is enough to render the view. remaining 3 api calls are only for internal coding purpose. I want to call the rest of 3 api calls after finishing the first api call how to do… Read More How to call backend apis after finishing the first api call in angular 13?