I'm working on an Angular 10 application and using Angular Material Icons. I'm looking for a way to dynamically display a dropdown list containing all the available Material Icons. I've attempted to retrieve the list programmatically using MatIconRegistry, but so…
I am working on a app consisting of a .NET API and an Angular 16 front-end. It is deployed on a free Microsoft Azure account. In srcenvironmentsenvironment.prod.ts I have: export const environment = { production: true, apiUrl: 'https://localhost:7231', baseUrl: 'https://localhost:44427'…
I want to update cart badge value (in the navbar component) everytime user click Add to Cart button (in the product-list component). I have a cart button in navbar component (with a badge which have the value equal to the…
I am trying to utilse some of Angular's new reactivity with Signal. I am following this workflow, and converting one of my observables into a signal, this is then being read and displayed on my screen. https://angular.dev/guide/signals/rxjs-interop#tosignal Working Example **…
I am facing an issue with the execution order of recursive RxJS Observables in an Angular application. I have a service, RefreshReportService, which is responsible for refreshing reports. The refreshreport method is designed to refresh a report and its nested…
Could someone help me create that blue arc with 'UND' written on it as in the following image? So far, what I've managed to do is this: enter image description here Here are my codes: .promotion-circle { position: absolute; width:…
I'm upgrading an old application written in Angular JS to latest Angular 15. The migration is smooth but facing problem in urls. Actually our survey url exists like this below and it is different for every survey. https://some-domain.com/#/77RqxKxiEdXDccBB8S3iahYS9MB4cGqQR9G6XciZKR0+U= Ass you…
I want to have 'text1' under the number 1 (like the 't' character should be under the 1), and 'text2' under the number 5 (like the '2' character should be under the number 5) It should be done dynamically, adapting…
I would like to apply the CSS to the element created in TypeScript. Is this possible without adding the style in TypeScript (test.style.color = 'red';)? My HTML: <div class="testContainer"> <p>Created in HTML</p> <!-- Created in TS--> </div> My TypeScript: ngOnInit()…
I have a function that trigger when I sort the table deepens of a column I click but the data is not updating. This is the function and the table code: <table mat-table #table [dataSource]="dataSourceMD" matSort (matSortChange)="getRowMaximoTable($event)" matTableExporter #exporter="matTableExporter" #sortMD="matSort"…