307,317 questions
0
votes
0
answers
10
views
Ionic detached elements held by a KeyframeEffect
I have a page inside an Ionic Angular app which looks something like this:
@Component({
selector: 'app-pages',
templateUrl: './pages.component.html',
styleUrls: ['./pages.component.scss'],
...
- 390
0
votes
1
answer
14
views
How do I return two http requests sequentially in rxjs and use data from first in second call?
I've written a http function that works using switch map to get the value from one http request and use it as a parameter in the second, but how do I return not only the final http request but also ...
- 1,775
0
votes
0
answers
12
views
Angular Karma, what is causing "flush failed after reaching the limit of 20 tasks. Does your code use a polling timeout?"
I'm testing a component that internally uses several services and sub-components.
This test fails with "flush failed after reaching the limit of 20 tasks. Does your code use a polling timeout?&...
- 92
0
votes
0
answers
44
views
Retry HTTP request
I have Angular service which is used in the Angular pipe. The job of that service is to do a HTTP request and fetch translations. Idea is to have a pipe which returns a Observable that only first ...
- 305
0
votes
0
answers
16
views
How to make tailwind css to add classes on runtime?
I am working on project where we want backend to send tailwind classes in response to API which we want to apply on front end which is build in Angular.
This is possible using CDN.
But CDN is only ...
- 11
0
votes
0
answers
4
views
Ionic + Cordova app not sending JSESSIONID cookie
I'm working on a legacy app at the company I work for. This app is built with Ionic + Cordova + Angular. Thing is that the app isn't sending the JSESSIONID sent by one of the backend services we're ...
- 1,141
0
votes
0
answers
18
views
How do I integrate Caddyfile with ASP.NET Core 9 with Angular application to set https on local environment?
I have an ASP.NET Core application with Angular. This is how I created my project:
mkdir <solution_name>
cd <solution_name>
dotnet new sln --name <solution_name>
mkdir src
cd src
...
- 1,262
0
votes
1
answer
22
views
Charts update leads to unexpected scroll
I am working on an Angular application using Primeng and Chart.js. I have a big webpage with many forms and charts. When I update one field of my forms, I need to update the corresponding charts. All ...
- 113
0
votes
0
answers
15
views
How to properly use nullable/optional values in Dexie JS?
I apologize if the title is a little vague as it's hard to explain in only one short sentence, but here's what I'm trying to do:
In Angular 17 with DexieJS, I have the following object:
export ...
- 193
-1
votes
0
answers
16
views
How can I replicate this POS UI layout using Angular standalone components and PrimeNG or even normal HTML and CSSS? [closed]
I'm trying to design a POS (Point of Sale) screen using Angular (v17) with standalone components and PrimeNG UI components. I've attached a screenshot of the layout I'm aiming for:
What I’ve done so ...
- 65
1
vote
1
answer
30
views
How to trigger PrimeNG <p-fileUpload> file dialog by clicking a custom icon?
I’m using Angular 18 and PrimeNG 17.x, and I want to open the file upload dialog of a component when I click a custom icon, like a file-excel icon.
What I Tried
I tried two methods:
Calling .choose() ...
1
vote
2
answers
38
views
Angular 18 computed not a function
I'm using Angular 18 with signals.
My CalculationService basically calculates a price based on some parameters.
Building with ng serve doesn't throw any errors neither does VSCode, however my browser ...
- 78
-4
votes
0
answers
51
views
Web Api .Net 8 core with Angular [closed]
I am Facing a problem with creating Web Api Core .Net 8 Project+Angular.
need to run 'F5' the whole project as a one batch not separate UI and Swagger , need the UI appear and the Api run in ...
1
vote
1
answer
46
views
SwiperJs not working properly when rendering it conditionally
In my angular application, I have 4 swiper slide, which i want to render conditionally. But its not working properly. I have added images as well at bottom.
Issue - On initial load all swiper are ...
- 25
1
vote
1
answer
25
views
Error NG2003: No suitable injection token for parameter 'exportAsService' – ngx-export-as issue in Angular component reuse [closed]
I'm working on an Angular project and using the ngx-export-as package, which was already installed and working fine in some of my components.
However, when I tried to use the same ExportAsService in a ...
- 25
2
votes
1
answer
62
views
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 ...
- 841
1
vote
1
answer
38
views
How to avoid style duplication when including themes?
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,781
0
votes
1
answer
38
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....
- 61.1k
0
votes
1
answer
39
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 ...
- 61.1k
-1
votes
1
answer
35
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 ...
- 61.1k
0
votes
0
answers
27
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: ...
1
vote
1
answer
35
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 ...
- 127
0
votes
1
answer
27
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 ...
- 860
2
votes
1
answer
46
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 ...
- 65
1
vote
1
answer
43
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
32
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
66
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
2
answers
52
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
66
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
44
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
61
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
58
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
87
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
49
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
27
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
44
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
69
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
61
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
33
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
58
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
36
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
33
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
34
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
48
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
54
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
50
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
37
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
39
views
Angular budget for build
My angular.json file gets architect.build.options.budgets configuration:
[
{
"type": "initial",
"maximumWarning": "500kb",
...
0
votes
1
answer
92
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
34
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