307,016 questions
0
votes
0
answers
17
views
NG0901 on ag-grid when calling query Params
i think i got far too lost and maybe i need someone to help me out on this. I will try to provide all the code snippets needed.
I have several similar pages, so it's kind of scrapped together, on each ...
- 369
1
vote
1
answer
16
views
Angular 19 ApplicationConfig use Configuration in factory
In GitOp I want to replace config.json for each environment and with this internal app I want to keep it as simple as possible (e.g. no ngrx)
My problem is that config.json is loaded in a ...
- 147
1
vote
1
answer
76
views
TS2740: Type '{}' is missing the following properties from type 'ExpenseModel[]': length, pop, push, concat, and 26 more
[ERROR] TS2740: Type '{}' is missing the following properties from type 'ExpenseModel[]': length, pop, push, concat, and 26 more. [plugin angular-compiler]
src/app/modules/expenses/pages/expenses-...
- 66.2k
1
vote
0
answers
34
views
Angular 19 Google Maps Javascript SDK Does not load properly
Im currently working on Angular 19.1.7 based project where I am trying load google maps via Javascript SDK. Im using below in index.html:
<script src="https://maps.googleapis.com/maps/api/js?...
- 6,974
0
votes
0
answers
32
views
How to make dynamic validations using ng-content/templateOutlet?
The problem is this: I'm trying to do something similar to what from react-admin (https://marmelab.com/react-admin/Datagrid.html) does, but for Angular. The idea is to be able to use a table on a ...
0
votes
0
answers
31
views
How to escape port in custom npm registry URL?
In my organization we have a Nexus Registry for our npm libraries, it's located at this URL: https://10.1.0.10:4434/repository/npm-group/
I'm trying to install a lib from that repo in a dummy project ...
- 124
0
votes
0
answers
68
views
Scatter chart with time-based y-axis not starting at 00:00 AM
I'm using an Angular component to render a scatter chart using Chart.js. My data looks like this:
const myData = [
{ x: 1754863200000, y: 1754889011000 },
{ x: 1752184800000, y: 1752210611000 },
...
- 21
-4
votes
1
answer
62
views
toSignal() cannot be called from within a reactive context [closed]
When I subscribe and update the signal getting error as follows. any one pls help me to come out of this issue?
Error detail:
ERROR RuntimeError: NG0602: toSignal() cannot be called from within a ...
- 15.4k
0
votes
0
answers
65
views
Angular encode HTML data when i using innerHTML
I'm using Angular v19, innerHTML encode HTML data from API
I checked value return from Pipe but no problem
data.Content = <p>I had a problem using angular</p>
HTML:
<div [innerHTML]=&...
- 11
1
vote
1
answer
71
views
Angular API data not loading on page refresh unless user triggers interaction
I have an Angular 20+ application with a route /explore-developers that should load a list of developers from my backend API when the page is opened.
I have an Angular 16 application with a route /...
- 11
0
votes
0
answers
34
views
Angular 13 Material <mat-select multiple> with cdk-virtual-scroll-viewport loses selection state after scrolling
I’m implementing a multi-select dropdown using Angular Material’s <mat-select multiple> and cdk-virtual-scroll-viewport for performance with large datasets.
Problem:
When I select multiple ...
0
votes
0
answers
43
views
Native federation - Display mutiple micro frontend into host_app
In an Angular micro-frontend project, I would like to display several micro-frontend ; something like this :
app.component.html
<router-outlet 1 ></router-outlet>
<router-outlet 2 &...
0
votes
0
answers
19
views
SurveyJs in Angular - overriding the default layout of stock questions
I want to render the SuveyJS form I have using the existing form layout I have, CSS in this case alone will not cut it and I need to be able to render the question in a specific way (using specific ...
- 1,740
0
votes
1
answer
54
views
How to set auto width of mat-select based on longest option? [duplicate]
I've a mat-select dropdown and want to set the width of the dropdown field to be the length of the longest option available; plus some 10/20px padding. Also a max-width should be there so that there's ...
- 1,108
-5
votes
0
answers
52
views
Is there any way to get an event or notification when a user scans the QR code during MFA setup using AWS Amplify Gen 2 API? [closed]
I’m using AWS Amplify Gen 2 API in my Angular app to set up TOTP MFA. After calling Auth.setupTOTP(), I receive the QR code URI which I display for the user to scan. However, I want to know if there’s ...
1
vote
1
answer
72
views
Getting error while convert existing code to use signal in HttpClient put method (Angular 20)
I am new to Angular. I started with Angular 19 that were using zone.js for change detection. But then I moved to Angular 20 and now I am using zoneless. I have a put method call that I am trying to ...
- 8,748
2
votes
1
answer
83
views
Upload file from Angular to Laravel not working
I need to upload files from Angular to my Laravel API, but my code does not work and I cannot find where is the problem.
user-edit.html (Angular):
<div class="form-group">
<...
- 165
0
votes
2
answers
87
views
scroll-behavior: smooth jumps instead of scrolling smoothly
I’m building a website that contains various content, and at the top I want to have an arrow button that, when clicked, scrolls down to a specific section of the page.
However, when I click the arrow, ...
2
votes
1
answer
56
views
Angular testing - Do you have to import tested component upon calling configureTestingModule
See examples here: https://angular.dev/guide/testing/components-scenarios, they all have imports: [BannerComponent]. Is it necessary? Tests seem to run fine without it. I am assuming that the ...
- 455
2
votes
1
answer
73
views
sanitize-html shows "Module 'path' has been externalized" warnings — how to hide them?
I’m using sanitize-html in my Angular app (with Vite), and I don’t want to replace it because it works great.
Packages:
"@types/sanitize-html": "^2.16.0",
"sanitize-html":...
- 411
-3
votes
0
answers
45
views
Disappearing <cdk-virtual-scroll-viewport> when using RouteReuseStrategy in Chrome [closed]
I am struggling with cdk-virtual-scroll-viewport. It might be a bug in Chrome, but perhaps someone knows how to avoid this issue.
I reproduced the problem in a new project: https://bolt.new/~/sb1-...
- 45
1
vote
2
answers
100
views
Is there a way to prevent a p-fieldset from autogenerating an aria-labelledby attribute?
I have an app with an angular front-end that uses several p-fieldset components.
The trouble I'm having is that these p-fieldset components keep generating 'Broken ARIA reference' errors.
The reason ...
- 839
-7
votes
0
answers
111
views
How to best adapt to the new standalone default in Angular 20? [closed]
I’m struggling with the new standalone enforcement In angular 20. To me it does not seem an efficient way to code a large scale application. Maybe I'm just old and stuck in my ways...
Issues I’m ...
- 2,139
0
votes
0
answers
31
views
Angular Directive to update Tooltip on Kendo MultiSelectComponent Chips
I am attempting to update the tooltip on selected items in an Angular Kendo MultiSelectComponent. I do not wish to use the <ng-template kendoMultiSelectTagTemplate> because I don't want to ...
- 4,187
-1
votes
1
answer
57
views
Unknown error: Error [ERR_REQUIRE_ESM]: require() of ES Module
In order to install last angular version locally and create a project I ran:
npx -p @angular/cli ng new Tester
and got:
Node.js version v21.2.0 detected.
Odd numbered Node.js versions will not enter ...
- 621
2
votes
1
answer
75
views
Does the httpResource have an HttpContext?
httpResource got released as an experimental feature in Angular 19.2. The httpResource uses the HttpClient under the hood. So I was hoping, I would be able to pass all the options I could pass to the ...
- 1,139
1
vote
1
answer
110
views
How to reorder columns in data table?
I want to have the columns to be able to be reordered or moved around for a data table. The code implemented isn't working. Any time I try to reorder a column the column either gets stuck when trying ...
- 109
0
votes
0
answers
62
views
Tailwind mx-auto not centering 1 of 2 angular material block elements
I have an app component with two children components, both with mx-auto but only the second one is centered. The solution I found to center my header was to add justify-self-center or applying raw CSS ...
- 71
0
votes
1
answer
49
views
upload file with angular + express + multer not working [closed]
I have followed this guide https://blog.angular-university.io/angular-file-upload/ to upload images from Angular to express with multer. But it does not work as expected.
First I tried a simple html :
...
- 417
-2
votes
0
answers
34
views
Item deletado somente no terceiro click [closed]
I'm using Angular. I have a delete event called on a button, and the delete only executes on the third click. However, the if statement executes the first time. I've tried changing the order, putting ...
2
votes
1
answer
101
views
Change detection not working for child input
I thought @input was supposed to set off the change detector when it is used? When I use the mask input to "disable" this component from a parent component, it just keeps spinning with mat-...
- 487
-1
votes
0
answers
46
views
Angular: Login user with Azure
Our use case seems to be somewhat different from what is normally described in the docs, but I might be wrong here, too.
So the setup is as follows:
We have two apps (APIs) which are hidden behind a ...
- 3,780
0
votes
1
answer
66
views
Test coverage not detected with toSignal and debounceTime
I have a component in my Angular project (v18.2.13) that has a reactive form to change a price field & an observable with the product info. I want to make a signal to know if the price form field ...
- 73
1
vote
1
answer
40
views
How to use an Injection token for a ng/rx reducing in Angular standalone
I am migrating my Angular application, v20, which uses ng/rx store from module based to standalone.
I had chosen to use classes for most of my reducers. For example, I have a reducer as follows
@...
- 7,973
1
vote
2
answers
51
views
Angular signals not updating select value
I have a reusable angular component that handles cursor based pagination. However, the select value never changes on the HTML side, yet the change detection works.
Example, select options are 10, 25, ...
- 431
0
votes
0
answers
57
views
Angular Material Dialog sizes
I want to create a large modal for presenting specific information. So i setup my parameters below.
experimentTest() {
this.dialog.open(LargeDialogComponent, {
data: { dataSet: this.dataSet},...
- 8,562
1
vote
1
answer
81
views
Multiple Requests at the same time from the same user
I'm facing an issue when submitting the verifyPINForm form. In some cases, the request for verifyOtp is being sent twice at the same time, which is causing issues on the backend side.
the component ...
1
vote
1
answer
37
views
If show template with disabling a form at the same time - then a form not disabling
Working on a form with two templates.
It seems that if we change template + setting form as disabled, the form is not disabling. But if we do it with separate thread via setTimeout, we have corrent ...
0
votes
0
answers
16
views
Accessibility Issues Loading mfe-base Page in Shell Application
I'm experiencing accessibility issues when loading a page from my mfe-base. When loading my shell application, the displayed page is from mfe-base. The focus is being assigned to an image, which ...
2
votes
1
answer
60
views
NgClass doesn't work if it depends on a variable which change from an Angular Material Dialog
Good evening.
I have an Angular 17 component which class depends on a variable.
Clicking on it an Angular Material dialog opens. The task is to change the class of my component when I close the dialog....
1
vote
1
answer
54
views
Can you do a <title for=<id of another component> in html?
I have an html primeng app in which I need for several p-checkboxes to have a descriptive title for each of the checkboxes that must be declared outside of the p-checkbox.
The primary reason being ...
- 839
1
vote
1
answer
35
views
how to detect formly toggle field type is disabled?
I have a formly form with toggle field, I would like to detect when the user clicks on the toggle to disable it.
here is what I have done so far:
fields: {
key: myToggle,
...
- 399
2
votes
2
answers
87
views
Infer type of second argument from first argument
I want to create different view modes with different configs. To instantiate the component I want to create a factory class that I can call with a class type and the config. The type of the config ...
- 203
2
votes
1
answer
55
views
ngx-bootstrap date picker with time (24-Hour Time)
How to set ngx-bootstrap bsDatepicker withTimepicker to use 24-hour format (disable showMeridian)?
I'm using ngx-bootstrap's <input bsDatepicker> with the withTimepicker: true option. It shows ...
- 61
0
votes
0
answers
52
views
Clarification on ts-cacheable Cache Busting Policy
I'm considering using the ts-cacheable library (github - angelnikolov/ts-cacheable) for a personal project, and I need some clarification regarding its cache management policy, specifically concerning ...
- 690
0
votes
0
answers
118
views
mat-menu loses input focus when filtering scrollable content
I'm using Angular Material's mat-menu to create a dropdown with a search input and a scrollable list of items (cars). Everything works fine when the list is small. But when the list height exceeds ...
- 21
0
votes
1
answer
53
views
Expand All/Collapse All column in Angular Material
I want to be able to make the Actions column on the data table to have the ability to expand and collapse all of the rows. Is there a way to do that. I am trying to make it a link but not sure how to ...
- 109
0
votes
0
answers
43
views
Can I use Angular Universal prerender with ionic framework?
I'm trying to use angular universal prerendering with an Ionic Angular app.
To test I created a simple app with Tabs template.
When I run "ng run app:prerender" the cli correctly generate ...
- 996
1
vote
1
answer
71
views
Multiple resource API calls in Angular
I am trying to understand the new Angular resource API. One typical problem is to fetch several HTTP endpoints, combine the data and use it.
My current approach looks like this:
name = rxResource({ ...
- 672
0
votes
0
answers
38
views
Angular compiles but should throw an error [closed]
I'm using angular 16 and I need to configure my app that throws an error when, for example, I have on function in the html file but this function doesn't exists in the ts file.
Any idea how can I do ...
- 21