307,306 questions
0
votes
0
answers
13
views
Angular 18 - Reactive Form Control value not rendered on data bind update (Select/Dropdown)
Using a FormBuilder, 2 properties are created. One property (storefront) has a change event trigger which populates data to the select option of the other (countryCode).
The countryCode is populated ...
- 821
0
votes
0
answers
10
views
Duplicate theme styles with Angular Material 3
I have updated my Angular application to Angular 19.2, and also to Angular Material 19.2.
I have created color palettes by running ng generate @angular/material:theme-color, to generate the file ...
- 3,769
0
votes
1
answer
12
views
How to use httpResource to fetch a text file and use the fetched data to show in HTML
I am experimenting with httpResource, I am trying to fetch an text file using the new httpResource method, but I am not sure how to convert the fetched text file to render in an textarea tag.
Angular....
- 61k
0
votes
1
answer
21
views
How to use httpResource to fetch an image and render in HTML as a URL
I am experimenting with httpResource, I am trying to fetch an image using the new httpResource method, but I am not sure how to convert the fetched image render in an img tag.
Below is a sample of ...
- 61k
-1
votes
1
answer
19
views
Http Resource is not firing when the signals inside change - Angular 19 (Experimental)
I am learning about httpResource and I can notice that the httpResource signal is not firing when the signal used to generate the URL is changed.
Angular.dev - HttpResource Docs
Below is a simple ...
- 61k
0
votes
0
answers
17
views
How to dynamically load an entity in withMethod of ngrx signal store without triggering NG0600?
I'm working with the new ngrx/signals store, and I need to dynamically fetch an entity if it's not already present in the store.
Here's the method I'm using inside a withMethod block :
getTeam(uri: ...
0
votes
0
answers
12
views
Taiga UI v3 > v4 migration build issues
I did migration from Taiga UI v3 to v4, added some packages (with yarn), updated the code accordingly, resolved all other errors after running the (angular) project, but there is still this error ...
- 115
0
votes
1
answer
17
views
How to avoid redirection of Azure AdB2c login page in IOS application created via capacitor
We have used Microsoft Azure ADB2C integrated in an Angular web app. Now we have converted it into a PWA app. With the help of the Capacitor library, we have converted it into an iOS application. But ...
- 862
1
vote
1
answer
33
views
Problem with patchValue and async signals in Angular when user refreshes the page
I'm working with Angular's new Signals feature to manage reactive state in a form.
Everything works fine in most cases. However, there's one issue I'm running into:
When a user refreshes the page ...
- 55
1
vote
1
answer
32
views
Angular: Getting a field is requested error for a non-null field
I try to create a webpage to my webshop and upload to the database
OnSubmit(): void {
const formData = new FormData();
formData.append('Language', 'en');
formData.append('Token', '...
0
votes
0
answers
27
views
Server-Side Rendering (SSR) interceptors not working [closed]
I have developed a website using Angular with Server-Side Rendering (SSR), and I'm using interceptors.
Here’s my setup:
provideClientHydration(withHttpTransferCacheOptions()),
provideHttpClient(...
- 19
0
votes
0
answers
15
views
makeEwsRequestAsync return error 9020 in Outlook web or menu item is getting null in (classic view) when creating an .eml file using Office.js?
let mailbox: any = Office.context.mailbox.item;
let envelope = `
<?xml version="1.0" encoding="utf-8"?>
<soap:Envelope
xmlns:xsi=&...
0
votes
2
answers
47
views
"expression has changed after it was checked" error despite having the right setup
I'm facing the error expression has changed after it was checked. I know, that this check runs only in dev mode (runs twice) and that I won't have the error message in prod. But I want to know why I ...
- 1,918
1
vote
0
answers
36
views
Angular unit tests failed because of special character (UTF8 issue ?)
I'm using angular 19 since couple of months and i test my app with karma in a bash temrinal.
I don't know why and when but since some days, my unit tests failed on special characters not recognized by ...
- 164
1
vote
2
answers
50
views
How to override mat-icon-button's border-radius?
does anyone know how to correct override mat-icon-button in Angular Material M3?
For default button (like mat-button, mat-flat-button, mat-raised-button, mat-stroked-button) I used the following way, ...
- 53
1
vote
0
answers
34
views
Cannot read properties of undefined (reading '__wbindgen_free') in calling rust function
I am using Rust inside angular as wsam . Installed wsam package cargo install wasm-pack and then created Rust Project using cargo new --lib my-rust-wasm this is my src/lib.rs
use wasm_bindgen::...
- 21
0
votes
1
answer
51
views
How do I set an empty array as default value in toSignal?
I have a DataHandler service that calls a database service and returns the value to the calling component. The database service returns an observable of an array, while I'd like the data handler to ...
1
vote
3
answers
44
views
Angular material - browser autofill changes input styles
Currently I'm facing the issue that occurs after web browser auto fills the user input like in this screen:
I tried it on two browsers and it looks simaliar (chrome adds white background and firefox ...
- 492
0
votes
3
answers
74
views
Filter observable without triggering HTTP request
I populate a grid with the following line of code:
this.gridData$ = this.userService.getUsers();
and this is the corresponding HTML:
[kendoGridBinding]="(gridData$ | async)!"
It works as ...
- 1,918
0
votes
1
answer
38
views
What does this error mean �? [ERROR] Cannot read properties of undefined (reading 'map')? [closed]
I get this error when trying to compile my Angular application.
Environment:
Angular CLI application: 19.2.8
Node: 22.14.0
Package Manager: bun 1.1.45
OS: darwin arm64
I get the error
�? [ERROR] ...
-1
votes
0
answers
20
views
How to integrate Adobe Product Recommendations SDK in Angular 8? [closed]
I'm working on integrating Adobe Product Recommendations SDK into an Angular 8 application.
I've installed both:
`@magento/recommendations-js-sdk
@adobe/magento-storefrontend-events-sdk`
However, all ...
- 137
0
votes
0
answers
36
views
Safari/WebKit text repaint issue when popover is shown in Angular app
The following bug/issue is only on webkit/safari , the issue does not occur in chrome/firefox. I'm using angular as my frontend. The issue is i have list of details when i click the 3 dots in one of ...
1
vote
1
answer
51
views
How to use FontAwesome icons with Angular Material 19 standalone components?
I'm working on an Angular 19 project using standalone components and Angular Material.
I want to use FontAwesome icons (@fortawesome/angular-fontawesome) alongside Angular Material components like mat-...
1
vote
0
answers
52
views
Screen is disappeared in angular 19
I’m new to Angular and I’m currently facing an issue. Whenever I serve the project, the screen initially displays the component, but once the DOM is fully loaded, all the components disappear. I would ...
- 11
2
votes
1
answer
25
views
Angular Autocomplete Shows Different Value When Option is Selected Twice
Background
I have an Angular component that renders an Angular Material Autocomplete field. The field has three options, and each option contains a name and an id. When an option is selected, it's ...
- 215
0
votes
0
answers
50
views
How do I add something like <input type = "color"> for my quill toolbar's option to change the font color and add css to it?
`So, I came across this problem, where I was required to implement a full range of color options for quill toolbar. Context: It is from ngx-quill, and using in Angular.
Followed this post: [https://...
1
vote
0
answers
23
views
Ckeditor 5 removing styling from table tag sent from backend in Angular
CkEditor Configuration
import {
Alignment,
Autoformat,
AutoImage,
AutoLink,
Autosave,
BlockQuote,
Bold,
type EditorConfig,
FindAndReplace,
FontBackgroundColor,
FontColor,
...
- 41
-1
votes
0
answers
27
views
Azure maps not showing on IOS app created with capacitor
I'm using Angular with Capacitor to build a hybrid mobile app for iOS and Android. I use the azure-maps-control SDK to render a map inside a component. It works perfectly in:
Chrome / desktop browsers ...
- 305
0
votes
0
answers
31
views
Scroll moves to the top on redraw of form builder in form.io library [closed]
Form.io Angular1.x library
I am using the library with Angular (1.x). I have some special situations where I will require your guidelines.
Case 1
I need to attached the element_id property in the ...
- 242
0
votes
0
answers
41
views
Loading a Module from a remote server in Angular [closed]
I'm trying to load a custom module that have been developed by a different team from a remote server on demand into the project.
import { NgModule } from '@angular/core';
import { Routes, RouterModule ...
- 1
0
votes
0
answers
51
views
I have an active input and when I mousedown in that element and mouseup anywhere else, blur event for that input is not triggering [closed]
I have a onBlur event bind on the inputs and when I select its text and release the click outside the input element the focus from input is gone but the onBlur event is not triggering.
I am working ...
- 9
1
vote
0
answers
44
views
Why is fetch event source closing shortly after creation?
I am trying to fetch instant and scheduled notifications from spring-boot server to angular client using the microsoft fetch event source package, but the event source only closes shortly after firing....
0
votes
0
answers
31
views
cannot properly render RTL in pdfMake for Arabic pdf
I'm working on generating Arabic-language PDFs in an Angular app using pdfMake. I'm currently using the Amiri font loaded via base64 and VFS. Here's what I'm trying to achieve:
Proper RTL layout
...
- 27
0
votes
0
answers
35
views
Angular budget for build
My angular.json file gets architect.build.options.budgets configuration:
[
{
"type": "initial",
"maximumWarning": "500kb",
...
0
votes
1
answer
89
views
Unsupported expression in a two-way binding in signal [closed]
I am using Angular signals to get a list
During the initial load, because there are two nested objects, it gives me an error and it is completely logical. When I use nullish Collection Operators, the ...
- 1,006
0
votes
0
answers
32
views
Defining multiple index files in compilerOptions.paths in tsconfig.base.ts in an Angular NX project
In my Angular NX project I want to separate my app domains in folders with sub-folder for each feature/util/store etc. All exposed APIs are referenced in 'public-api.ts' barrel files in each of those ...
- 1,653
-1
votes
0
answers
68
views
How to prevent custom sidenav content from overflowing the viewport in Angular?
In an Angular application, I currently have the following structure. Until now, I was trying to use the mat-sidenav-container.
However, with the Angular Material sidenav, I wasn't able to properly ...
- 179
0
votes
1
answer
56
views
How to replace self iframe with a new app
I have a parent application that embeds my Angular landing page inside an (iframe-div). This landing page displays icons for multiple apps. When a user clicks an icon, I want to:
Replace the current ...
-1
votes
0
answers
33
views
How to wait for async code before continuing [duplicate]
I have the following code:
var myInvoices: Invoice[] = new Array<Invoice>();
var tasksToRun = new Array();
items.forEach(async (item) => {
await this.http.get(`/api/Timesheets` + item[0])...
- 1,147
0
votes
0
answers
30
views
Fabric Js crop from left
Im writing a crop functionality for my fabric Js module in Angular.
addImage(event: Event) {
const input = event.target as HTMLInputElement;
if (input.files && input.files[0]) {
const file = ...
- 1
0
votes
0
answers
53
views
Angular HMR (Hot Module Replacement) causes TypeError - Failed to construct 'URL': Invalid URL
I can't see any one else posting about this.
I just upgraded my angular 18 app to angular 19 and started getting a plethora of these errors:
TypeError: Failed to construct 'URL': Invalid URL
at ...
0
votes
0
answers
74
views
Should I explicitly write the public keyword or omit it when visibility isn't relevant in a TypeScript/JavaScript class? [closed]
In a TypeScript project (Angular / NestJS), I’m working on a class where all methods are intended to be accessible by other parts of the app. There are no private or protected members in this file—...
0
votes
1
answer
56
views
NG Bootstrap modal disable a button in the modal's template
I'm using Angular 17 and ng-bootstrap 16 and I'm creating an ng-bootstrap modal. I have a Template in my component used as the content for the modal. What I want is to enable or disable the Save ...
- 1,180
0
votes
1
answer
77
views
Angular standalone component not rendering
I'm using Angular 19 and my version of node is 18.2. I've got an existing module project and have added a stand alone component. The issue I'm having is that the component does render and the ...
- 1,087
0
votes
0
answers
44
views
How to diagnose root cause of Angular error NG05104, "Root element was not found during bootstrap" in jest test suite?
I am working on a large Angular project, currently on Angular 17. It uses jest for unit tests, of which there are currently few. I am working to fix that. I find that as the test suites get big and ...
- 947
1
vote
1
answer
34
views
Angular Kendo Custom DataBindingDirective Not Updating Grid after NotifyDataChange
I have written a custom Kendo Grid databinding directive that allows me to pass in a service method to be called by rebind(). Effectively, the component using the Kendo grid is responsible for passing ...
- 4,177
0
votes
0
answers
67
views
How to setup SSL for Angular, Spring Boot running on same vps server?
I am trying setup SSL for my application developed with Angular, Spring Boot , PostgreSQL and are all running same vps server (Ubuntu). Before ssl setup, it is working fine with http. Taken free SSL ...
1
vote
1
answer
68
views
How to apply a canDeactive guard to every route while lazy loading routes
In my Angular applications I work with modals and when a modal is open and the user is trying to navigate using the back or forward button of the browser then this action is disabled if a modal is ...
- 11
-1
votes
0
answers
41
views
theme.css, primeng.min.css, primeflex.css are not loading its coming 404 error in the network when i check . Using Angular 18 and primeng 17 [closed]
theme.css, primeng.min.css, primeflex.css are not loading its coming 404 error in the network when i check . Using Angular 18 and checkd with all the primeng version from 16 to 19. sAme issue persists ...
- 1
1
vote
1
answer
88
views
Angular Library Routing Not Working When Used Inside Angular 19 App
I'm working on an Angular 19 app that uses a custom Angular library, and I'm having trouble getting the routing inside the library to work properly.
The app is a legacy app and all the components are ...
