In the container div I need to have the two sub divs placed at the same height. The first div (Total elements) should be anchored closest to the left of the page and the second div (The button) closest to the right. <div class="p-grid p-dir-col"> <div class="p-col"> <div class="p-grid p-justify-between"> Test </div> </div> </div> **<div… Read More Align the first div on the same height with the second div, the first div should be placed closest to the left and the second closeste to the right

I have a component "topbar.component.ts" where I want to call a service that is checking if I have a running process, if I have a running process the response will be the next property: "isExecution": true In this case, the aforementioned component shows me an icon of the running process but if: "isExecution": false It… Read More Angular 12 – Check a service all the time, is it feasible?

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? >Solution… Read More How to make the index from ngFor part of an html tag value

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> But… Read More Default content for ng-content when using ngIf

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 did… Read More Angular generate enviroment

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 = []; @NgModule({… Read More angular dupicate url when routing

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 menu… Read More How to switch off top-item selection for mat-nav-list inside mat-sidenav?

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 : LicenseInfo:… Read More how to concat all license number into one array using angular15 and javascript

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 be… Read More Angular – Displaying previous data when changing values in the form

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 in… Read More Layers Control and null as first argument