307,028 questions
-2
votes
0
answers
10
views
How to avoid PWA updates during user input
I am currently working on an angular 19 project which is determined to be a pwa for the customer. Now I have the requirement to avoid a version update in angular if the user is entering something in ...
- 169
0
votes
0
answers
6
views
The most optimized way to bind variables in Angular when dealing with objects
I read the manual of binding object properties in Angular, however I struggle to find the perfect most optimized solution.
Let's say i have a model User
export class User {
public _id: number;
...
- 21
0
votes
0
answers
8
views
Angular 19 failing to resolve dynamic import
So I migrated from version 17 to 19, and now the dynamic imports don't work on ng build.
This import
import('@fingerprintjs/fingerprintjs/dist/fp.esm.js')
results in:
TypeError: Failed to resolve ...
- 264
0
votes
0
answers
12
views
Problem align items into NgbAccordion angular 18 (bootstrap library)
hello i have the following situation:
an angular 18 accordion from library NgB. An example of code is there:
https://stackblitz.com/edit/angular-mi5xt93g?file=src%2Fapp%2Faccordion-basic.html
i would ...
0
votes
0
answers
18
views
Ngx-Pagination not navigating and got disabled
Using Angular, I am consuming an API from ASP.NET Core Web API, I have this endpoint that performs Query Filter, ngx-Pagination, ngx-datepicker, and Sorting.
It can perform
Search Query,
Search Query ...
- 1,573
0
votes
0
answers
20
views
Child to parent data passing is not working if i refresh the page it is working fine? [closed]
I have two components parent and child. parent component shows listing of some items and child component has filters. so once filters we apply, one API call will go and some data will come and that ...
- 11
0
votes
1
answer
27
views
Having issues with option selection when using @if
I'm trying to implement an autocomplete search in Angular 17 using the new control flow syntax and Material's mat-autocomplete. I want to only show options when there's a search value, but I'm running ...
0
votes
0
answers
15
views
How to securely manage secrets in Angular, Firebase, GitLab CI/CD?
I am working on an Angular application deployed on Firebase Hosting. I want to keep my sensitive API keys and tokens secure without exposing them in environment.ts, environment.prod.ts, etc files. I ...
0
votes
0
answers
25
views
Strange behavior using Angular elements with application builder v19
I created a demo app using the @angular/elements package (v19) to build an mfe-1 app as a web component, which is then displayed inside another app called shell. Both apps are set up with the Angular ...
- 2,958
0
votes
0
answers
13
views
PrimeNG Editor with inline styles instead of quill classes
I am wanting to use PrimeNG Editor and then display it as innerHTML in my angular app or another web app.
The problem is PrimeNG Editor, or more specifically Quill, uses classes as styling.
So my ...
0
votes
0
answers
13
views
How to serve the default locale without it being visible in the browser address bar in an Angular 15 application deployed on Cloudflare Pages?
I have an Angular 15 application using an Angular localization package. The application is deployed on Cloudflare Pages with the domain example-domain.com. Currently, it works fine for locales such as:...
0
votes
0
answers
23
views
Bypass Keycloak login page to access Keycloak UI with existing token
In our Angular web app, we use Keycloak APIs for auth and managing user-related operations. We're now facing a challenge: we need to embed the Keycloak UI within an iframe in our application allowing ...
- 720
1
vote
1
answer
17
views
Capacitor / @googlemaps/js-api-loader: Can't import library via loader
I am building an Angular + Capacitor app and want to use the Google Places API along with the Geocoding API. I have configured the API key in the Cloud Console (with no restrictions on the key) and am ...
0
votes
0
answers
11
views
Manually mat-multi-sorting using ngx-mat-multi-sort
Need to set manually columns and directions I had tried but below code is not working properly still sorting directions are not getting set so can any one suggest ?
public table: TableData<any> =...
- 1
1
vote
1
answer
31
views
Angular Material 19 styling
I am trying to style a form field from angular material 19 using form-field-overrides mixin (https://material.angular.io/components/form-field/styling), but no tokens seem to work.
Note that I used ...
- 21
1
vote
1
answer
28
views
Catch error thrown from http.get() thats piped
I have the following code inside my auth service:
return this.http
.get<any>(`${environment().apiUrl}/auth/refresh`, {
headers: { Authorization: `Bearer ${this.userValue?....
- 685
0
votes
1
answer
29
views
After updating to Angular 18 and migrating to the new builder there is an empty chunk file
We have migrated to Angular 18 and want to use the new builder @angular/build:application as it is recommended.
When we build the app it however produced one empty chunk file. This file was imported ...
- 466
1
vote
1
answer
30
views
Why DI RouterState in standalone app triggers NullInjectorError
I am getting NullInjectorError error in brand new angular app.
I have just generated this app as a standalone angular app (ng new StandaloneApp). In the AppComponent's constructor I have added ...
- 489
0
votes
0
answers
18
views
is using computed to access the router out let view child make error?
i am trying to access router outlet using viewchild and then access the projected component and based on it access some values from it. when i used effect to do so it worked, but i thought using ...
0
votes
0
answers
18
views
how to customize the paginator in primeNG when i set the value of paginator preperty to true?
i have a table with the following:
<p-table [value]="applications"
[paginator]="true"
[rows]="rowsPerPage"
[rowsPerPageOptions]=&...
1
vote
1
answer
25
views
ion datetime component persist value across different components
i have a very strange problem where i am using ion-datetime component on component inside a model component. From this component, I call another component in a model that also has an ion-datetime ...
- 1,318
1
vote
1
answer
27
views
Error: Object literal may only specify known properties, and 'use_fedcm' does not exist
Problem
We're migrating our app from Google Sign-in JavaScript library (AKA gapi) to FedCM. In the email Google sent last week about migrating to FedCM, they link to steps to test your existing ...
- 14.2k
4
votes
2
answers
42
views
New subscriptions always returning intial value instead of current value [duplicate]
I have a relatively simple Angular app using services to pass values between my components. The problem I am running into is when I go to a new route and load a component, subscribe to a service, it ...
- 1,459
2
votes
1
answer
30
views
How to use root store in a standalone Component?
I'm working on a project using the old NgModules architecture and I'm transitioning into the new standalone components gradually. I'm stuck right now on how to provide the root store to the standalone ...
- 2,079
0
votes
1
answer
30
views
Jest unit test in Angular app is throwing "Jest encountered an unexpected token" error
I'm receiving email messages from a local mail server and I need to be able to parse them in JavaScript. The @ProtonMail/jsmimeparser library is working flawlessly which is a huge relief. However, it'...
- 5,620
0
votes
0
answers
16
views
You provided an invalid object where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable
I am trying to test the following code, but it seems that there is some dependency missing, something similar to rxjs, if anyone can identify I will be grateful
Test
let paginatorMock: jest.Mocked&...
- 23
0
votes
0
answers
24
views
Angular 19 and Vite throwing error about named export 'injectQuery'
We are trying to update to angular 19. The app builds and units run fine. But when trying to open app in the browser we are faced with the following:
Uncaught SyntaxError: The requested module '/@vite/...
- 961
1
vote
0
answers
34
views
Angular router-outlet directive doesnt work twice
i have a litte problem. My router-outlet tag in app.component.html works fine for the first time. If i need to navigate back to this component or click "back" in the browser, it is simply ...
- 25
1
vote
1
answer
40
views
Angular Zoneless detect external code changes
I am using a global error handler and a Graphql provider that handles all requests and errors.
However, when throwing an error, it is not caught by the global handler as it is outside it's angular. ...
- 367
0
votes
0
answers
38
views
PrimeNG v19 with ViewEncapsulation.ShadowDom and web-components
According to the PrimeNG documentation, to connect styles and a custom theme, you need to add the following to app.config.ts:
const appConfig: ApplicationConfig = {
providers: [
...
- 11
1
vote
0
answers
35
views
Angular 18: How can I Dynamically Load Locales
I am trying to dynamically load locales for my angular app so that not all the locales are imported at the same time. In previous versions of Angular, I was able to do this using the import function ...
- 11
-3
votes
0
answers
34
views
Separate requests on front-end vs join on back-end - issue with back-end dev [closed]
I'm working in a project in which the back-end has a - to me - very strange behaviour: instead of joining on the back-end, which I've seen in my recent projects that I worked with (I'm a front-end dev ...
0
votes
0
answers
35
views
Unable to view SVG image due to Content Security Policy error in Angular
I'm working on an Angular application where I'm trying to display an SVG image that has been uploaded to a blob storage.
I am trying to display it using an tag and setting the [src] attribute to the ...
0
votes
0
answers
14
views
Angular SVG Image Mask Not Spanning Viewport Width
I need to mask a header image. I am using a SVG at the moment, but I am having difficulty having the SVG fill the viewport width.
Here is the code example:
<div class="aspect-w-16 aspect-h-6 ...
1
vote
0
answers
28
views
Monaco-editor Not allowed to load local resource: Codicon.ttf
When trying to load the Monaco editor via the Webpack plugin I get the following error:
Not allowed to load local resource: file:///C:/{***}/node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/...
- 23
3
votes
1
answer
65
views
I want to share a signal between components aross my application, alternatives to service implementation
My scenario is, I have a dialog, which is opened through a signal, but I want to trigger this dialog to open, across my application. The obvious way is to create a DialogService (providedIn: 'root') ...
- 55.9k
0
votes
2
answers
59
views
Can't change table size
I am trying to create a table and have it on the right side of the screen but I just can't get it to change size so it doesn't take up the whole screen without making everything become unaligned.
<...
- 23
0
votes
0
answers
36
views
Angular SSR creates mismatch between classes and their instances in prerendering
This doesn't happen in development ng serve only in production when I run the node script produced by ng-build in the server folder.
When I try to check type of an object, i.e. myObj instanceof ...
- 264
-1
votes
1
answer
81
views
How can I pass data between components with Angular signals?
No matter what am I trying to do - I cannot think of a way to conenct my signal correctly and where is the best place to create it.
I have this flight service:
import { Injectable, signal } from '@...
- 23
1
vote
2
answers
53
views
RxResource, Signal, MatTable issues - template show no data
I am new to RxResource API with angular 19. The issue is that the material table doesn't display data loading from rxResource (but there is a little trick that I can make to display it. It doesn't ...
- 133
1
vote
2
answers
54
views
How to use <ng-template> with @if in angular version 17+
Here I'm trying to render if else using ng-template in classic way but this method is not working.
<ng-template #temp>
<p> Hi, I'm else part</p>
</ng-template>
@...
- 11
0
votes
0
answers
25
views
css last-child not applying with custom css class [duplicate]
i am trying to apply last-child css and it has no effect. here is the code:
<ng-container *ngFor="let exp of getExpensesInCategory(expType)">
<ion-row class="tree-...
- 1,318
0
votes
0
answers
11
views
Why is my Angular UI not working when injecting websocket?
When I add the connect method, my button is no longer working. When i comment the method out, the button start working and the UI shows changes. But as soon as the connect method is implemented, the ...
0
votes
0
answers
36
views
Angular Routing not working, but dont show error
I have a new angular project and routing not working, but dont show error.
When i try to "http://localhost:4200/dashboard" .It jumps to "http://localhost:4200". No Error
app....
- 31
-4
votes
1
answer
44
views
What is the angular Cli? [closed]
What is the angular CLI ?
I install the CLI but what I just do is execute the command ng with different options.
So is angular CLI the same as the program ng ?
P.S.:
In case you know kubectl from ...
- 81
-4
votes
0
answers
30
views
Why vscode is not validating **ngfor syntax (by intellisense)? [closed]
I'm about learning *ngfor. Accidently, I typed as **ngfor in html using Vscode. I just want to know the reason.....
Why ng build does not validate **ngfor syntax and also does not throw any ...
- 15
1
vote
1
answer
32
views
Using ngrx signal store with index signatures in state
I am trying to use an index signature for keys in my data model with NgRx Signal Store.
My problem is that each time I am trying to access a key, I get an Element implicitly has an 'any' type error.
...
- 979
0
votes
1
answer
21
views
Ionic tabs not scrolling
so i have an ionic page called tabs and it basically has multiple tabs in it. and one of these tabs is one that has so much content in it that it needs scrolling, the problem is, as you might have ...
- 1
0
votes
0
answers
24
views
ngx-extended-pdf-viewer not working on some PCs
I am developing a website using ABP.io with angular and Asp.net core and devextreme tools.
I want to view the PDF file using ngx-extended-pdf-viewer and it was working very well on my PC, but I found ...
-4
votes
0
answers
44
views
which framework, angular or react? [closed]
I have a programming project, I am a student at a high school and it is based on the web, but I have a big dilemma when choosing the framework to work with, whether to work with Angular or React, ...
