307,180 questions
0
votes
1
answer
19
views
How to move projected content of a component into different place in DOM upon projection like in Angular Material MatTab
In Angular Material there is a component MatTab and we use it like this:
<mat-tab-group>
<mat-tab label="First"> Content 1 </mat-tab>
<mat-tab label="Second&...
- 140
1
vote
2
answers
52
views
Dynamic custom component radio buttons do not have unique name when duplicated
I have the following form with a set of radio buttons in each section I can only select one of the buttons at any given time.
It appears that they do not have unique names.
The form is dynamically ...
- 1,849
1
vote
1
answer
26
views
Mocking injected provided service in standalone angular component AND NOT IN ROOT for karma jasmine tests
FYI: I am using angular 19.1.0 with karma
Let's assume we have this service and component
// NOT PROVIDED IN ROOT!
@Injectable()
export class TestService {
getData(): string {
return 'this is ...
1
vote
1
answer
22
views
Testing Angular signal fails
footer component ts file:
import { AppSignalState } from './../../app-state/app-state.service';
import { CommonModule } from '@angular/common';
import {
ChangeDetectionStrategy,
Component,
...
0
votes
0
answers
12
views
Angular compilation initialization failed Cannot resolve type entity i1.FocusTrapModule to symbol at reflectTypeEntityToDeclaration
When I try ng build, I get the following error:
X [ERROR] Angular compilation initialization failed. [plugin angular-compiler]
Error: Cannot resolve type entity i1.FocusTrapModule to symbol
at ...
- 60
0
votes
1
answer
30
views
Angular, [(ngModel)]="abc", unknown how the part (ngModel)="abc" works
In Angular, [(ngModel)]="abc", I know this mean two way binding, change value abc in model (ts) will reflect in view (html), change the view value will update the value in model, as tested ...
- 1,350
0
votes
1
answer
49
views
Angular 19 - Bootstrap Carousel won't start automatically but only after the user interacts with it
I fill the parent like this (it is the body of a table)
<td scope="col" class="tbl-string"><app-ordini-jumbotron
[listaProdotti]="ordine.listaProdotti" ></...
1
vote
0
answers
23
views
How to make front channel logout work in C# + IdentityServer4 + Angular?
I need help making front channel logout work in my application that uses C# + IdentityServer4 + Angular.
My client configuration in IdentityServer4:
new Client
{
AccessTokenType = AccessTokenType....
- 777
0
votes
1
answer
18
views
How to prevent android keyboard to overlap input on capacitor / ionic / angular?
Keyboard overlaps the input, and it's horrible for the ui
app screenshot
I'm a beginner on ionic development...
Using capacitor 7 with angular and following the docs changed the capacitor.config.ts ...
1
vote
0
answers
17
views
Best practices for implementing Microfrontends with Angular (Long-term Maintainability) [closed]
I'm planning to implement a microfrontend architecture using Angular and need guidance on choosing the right approach for long-term maintainability.What architecture/tooling choices align with Angular'...
- 325
0
votes
0
answers
11
views
How to detect when CKEditor real time collaboration module creates a new session?
I am working with CKEditor RTC (Real-Time Collaboration) and need to reliably detect when a new session is created after canceling all previous sessions.
Current Flow:
The user has an active RTC ...
-1
votes
0
answers
33
views
I wanted to implement google oauth in my angular application
I have built an application where we can assign tasks and set deadline etc. Everything was perfectly working (including my login and register page). I wanted to implement Third party authentication in ...
1
vote
0
answers
26
views
Fix violation from the google chrome console, Angular 18
I need to use only a number type in the input, Angular 18.
If I try to use
<input matInput type="number">
in google chrome I get a violation
[Violation] Added non-passive event ...
- 275
0
votes
0
answers
8
views
error micro frontend Webpack Module Federation:TypeError: container.get is not a function
I have several projects, each running in a separate git and I want to upload all the projects under one project and I have a main project.
I am getting an error while uploading the subproject.
webpack....
0
votes
0
answers
14
views
i18n Localization text comment issue after angular upgrade 17 - 18
Upgraded the angular project from 17 to 18. After upgrade the text where I user i18n localization are being comment out on runtime. It works in starting and then all the localization text HTML gets ...
0
votes
0
answers
17
views
Material19 MatButton has no 'ripple' property anymore
I have a Search MatInput field with a Search icon button on the right. If the user clicks the search is performed and I want the ripple effect to be shown.
How can I get the ripple from the MatButton?...
- 21
-1
votes
0
answers
56
views
Http 500 error : ASP.NET Core, Angular SQL Server database
I have an application that runs fine locally, using ASP.NET Core, Angular and a SQL Server database.
But, I am having problems when trying to deploy it. I have the SQL Server database deployed to ...
- 49
2
votes
0
answers
27
views
How do we properly handle undefined and null when generating strict typed forms with custom functions?
I'm creating functions for generating a form that not only has optional fields but will serve as both a "new item" form and an "edit item" form meaning in one instance it will be ...
- 3,252
2
votes
1
answer
41
views
Can't get through third and final step of Angular standalone migration: Providers from the BrowserModule have already been loaded
I've recently successfully migrated an application of mine to Angular 19 and PrimeNG 19. All I had set aside for doing later was migrating to the new, preferred use of standalone components.
The first ...
- 13.7k
0
votes
0
answers
12
views
Angular SSR Not Rendering inside Docker but Works Locally
I have an Angular SSR build running in a Docker container with Node 22. However, the server isn't rendering Angular; it returns the components as-is to the browser. When I copy the build files to my ...
- 93
0
votes
1
answer
29
views
ASP.NET Core 8 and Angular Vite Proxy Error: connect ECONNREFUSED 127.0.0.1:40443
I'm working on an ASP.NET Core 8 and Angular project and encountering an error with the Vite proxy setup. I'm trying to proxy requests to my ASP.NET Core API, but I keep getting a connection refused ...
- 1
2
votes
2
answers
35
views
How to insert an icon in mat-select and have it be on the rightmost side after Angular v15 introduction of the checkmark in mat-select?
In the process of upgrading my project to Angular 15 and applying the MDC migration, mat-select introduced a checkmark for actively selected components and it seems it has caused the icons I kept ...
- 41
1
vote
0
answers
49
views
Dynamic infer type [duplicate]
I have an object like this
export const MyVariable = {
'test': {
protected: false,
body: [
{
field: 'name',
...
- 3,443
2
votes
0
answers
23
views
How to display PrimeNG dialogs with Angular 19 standalone?
I'm trying to display a dialog when my API returns an error during authentication.
My project is using Angular 19 standalone mode, so I don't have an AppModule.
I added the DialogService provider at ...
- 71
1
vote
0
answers
16
views
Angular 19 Prerendering Never Completes When Running ng run myapp:prerender:qa
I’m using Angular 19 and Node.js 20, and I’m facing an issue with prerendering. When I run:
ng run myapp:prerender:qa
The process gets stuck at:
\ Prerendering 18 route(s) to G:\path_to\dist\browser....
- 1,449
-1
votes
0
answers
28
views
Office Js - OnChange not detect other services
I have a project in Office Js with Angular.
I have a code that is triggered when the sheet changes some value.
Also, I have services that contain business logic
I want to use my "Bussines Logic ...
2
votes
1
answer
25
views
Need to load the data while form get displaying, all the data should be set in the controller, during form load
In the form which values need to be set in controller, those values should be loaded after the spinner , and during form loading ,I have tried to use async and await,
but after form get displayed ...
- 133
1
vote
1
answer
36
views
inputs are not correct after MDC update
after migrating to MDC all of the styling is off and i couldn't figure out how to fix it especially the inputs for example the number spinner on a number input is half the size of the input and i do ...
- 47
0
votes
0
answers
23
views
Why does my Rider IDE not index my html files?
The description of my problem is pretty simple: Rider does index all my frontend files but all my *.html files are not indexed. I already cleared my cache and checked that *.html-Files are not ...
- 1,900
0
votes
1
answer
35
views
SignalStore onDestroy hook not fired
I am encountering an issue that I am not quite sure why or how to fix. I have a signal store and I am using the onDestroy hook in order to ensure that we clear out any state data from the store. The ...
- 3,048
0
votes
0
answers
12
views
primeNG tree select value
I use primeng's tree-select compoment. I have a tree of objects which have name property in each object. However, primeng tries to find label property. Althoug I have label property in my objects, I ...
- 142
1
vote
1
answer
50
views
Angular/HTML Add button after text-overflow in table cell
I have a table and some cells overflow. These <td>'s have a class that give them an ellipsis at the end. But is there a way I can add a small button/span/whatever AFTER the ellipsis?
<td #...
1
vote
0
answers
17
views
Error: Must specify "tsConfigPath" in the configuration of @ngtools/webpack
I am upgrading an old Angular project from version 4 to 5.
When I try to start my Angular 5.2.11 project I get an error that I don't have an tsConfigPath.
Error: Must specify "tsConfigPath" ...
- 11
2
votes
1
answer
50
views
How can I automatically format dates according to the OS's locale in Angular without manually setting LOCALE_ID?
I am building an Angular application and want to format dates based on the user's operating system locale (or browser's default language) without manually setting the LOCALE_ID for each case.
While ...
- 57
-1
votes
0
answers
14
views
Import Book item to DSpace 8 [closed]
I am new on DSpace solution, Is there anyway to import a book item as pages (e. JPG files) instead of one pdf file.
Actually I would like to use pageflip library and most libraries require that the ...
1
vote
1
answer
44
views
How to reduce matInput height to certain value?
I have simple matInput element from angular-material library:
<mat-form-field class="example-form-field">
<mat-label>Clearable input</mat-label>
<input matInput type=...
- 1,011
1
vote
1
answer
23
views
http poller using rxjs timer and waitUntil doesn't work
With rxjs 7.5.7, I return a promise when a polling http request will finally returns true after several false values, but takeUntil used is never called again.
I tried to following code:
return timer(...
- 13
0
votes
0
answers
20
views
organisation chart using d3 in angular
D3 version 7.9.0, D3-org-chart version 3.1.1, Angular version 16... I made an organizational chart, however I would want it to be horizontal, from left to right.
When I attempt to use direction (....
- 1
2
votes
0
answers
18
views
How to Handle Incomplete Date Entries in Angular Form Control with <input type="date">? [duplicate]
I'd like to warn my users if they enter an incomplete date. The field is not required though
I tried listening to the changes of the field using the (blur) / (keyup) attributes, but if the date is ...
- 348
-1
votes
0
answers
35
views
Angular 19 . Paypal REST API - Request is not well-formed, syntactically incorrect, or violates schema
Where i'm wrong??
payment.service.ts
autenticaService(): Observable<Object> {
const uri = '/v1/oauth2/token';
const data = 'grant_type=client_credentials';
let body = new ...
0
votes
0
answers
23
views
How to get the value on the child using the emitter and pass it to the parent grid table in angular 19
grid-table.component.ts
export class GridTableComponent implements OnInit {
@Input() gridOptions!: GridOptions;
@Input() rowActions!: any;
@Input() activeRowTriggered!: any;
...
- 832
1
vote
1
answer
57
views
Leaflet Geodesic with Angular, I cannot use the geodesic in production
I deployed an angular app, and there I have a map with Leaflet. Well in my map service I have some methods of adding polylines, and I was using geodesic, in development on my local machine was working,...
- 35
0
votes
0
answers
6
views
Implementation of custom Angular schematics inside a project
I have an Angular 19 project and would like to add some schematics to it. Since these will depend on project components, such as src/shared/*, I don't see a reason to create a separate project as an ...
- 1,394
0
votes
0
answers
26
views
Logging Frontend Events in an AWS-Hosted Angular App
I have an Angular app with an important frontend-only functionality, and I want to capture logs for it. The app is deployed on AWS using S3 and CloudFront, while the backend is nodejs app primarily ...
- 11
1
vote
0
answers
42
views
Passport JWT Unauthorized in node js and angular
I am using passport jwt with node and Angular. it is throwing unauthorized error.
I have tried with many solution on other stackoverflow questions but nothing works.
I am using sequalize with MySQL ...
- 259
0
votes
0
answers
27
views
Angular project compiles but localhost:4200 returns a 404 error
I'm brand new to Angular and I inherited a legacy application that I'm trying to get running on my local machine. After pulling the code from the repo and installing all the dependencies, I'm running ...
- 1,149
0
votes
1
answer
22
views
Angular 15: Extract a component from a lazy loaded module for dynamic creation
Let's say I have a module with components and services which should only be loaded if a specific feature flag is true. The app.component checks for the feature flag and in its template has a component ...
- 3,734
2
votes
2
answers
46
views
NgRx signalStore with generic methods
I'm using Angular 19 with Ngrx.
I have multiple store with the same methods to handle the CRUD operations.
I would like than withMethods use an interface to set this store generic.
I tried to pass an ...
- 967
0
votes
1
answer
32
views
Can I insert a child table under cdk-row?
I am using cdk-table in Angular and I want to add a child table under cdk-row to display.
So, I implemented it as follows.
But the child table is not displayed. I also can't find the child table ...
- 3
0
votes
1
answer
62
views
How to make Angular 19+, PrimeNG 19+, and Tailwind 4+ work together?
How to make Angular 19+, PrimeNG 19+, and Tailwind 4+ work together?
My configuration:
package.json
{
"name": "web",
"version": "0.0.0",
"...
- 441