307,057 questions
0
votes
0
answers
11
views
How to configure html's lang attribute depending on the URL using angular SSR
I'm trying to migrate my Angular App to an Angular SSR for better SEO.
I need to provide the html's lang attribute depending on the route :
If the route starts with /fr, set it to fr
If the route ...
- 1,803
1
vote
1
answer
21
views
Angular 18 how to display injected file with ngx-extended-pdf-viewer
I'm currently stuck with the pdf view using ngx-extended-pdf-viewer (version 24.2.4). I'm currently using material dialogs and passing the file to it, from one dialog to another.
<div class="...
1
vote
1
answer
35
views
Can't access inputs from host directive to HTML template
In the docs for Angular host directive, it's stated that I can use my inputs/outputs in the template like this.
@Component({ ...
template: "ID {{someId}}",
hostDirectives: [ { directive: ...
- 39.9k
0
votes
1
answer
38
views
Angular animations not applying to child elements
I'm new to angular animations and was following a guide on how to animate an item. This is the template
<div
#header
[@nav-header-animate] = "{
value: ...
0
votes
0
answers
23
views
Google static maps api need to show multiple characters [closed]
Below I have two functions which is generating google map using static map API..
now in that marker I want to show multiple characters.
right now it's showing only one character in marker..
so can any ...
- 31
0
votes
0
answers
49
views
How to share a TokenService from Angular Host app to Remote apps using Native Federation in Angular?
I'm working on a micro-frontend project using Angular 20 and @angular-architects/native-federation (v20.1.2). I have a host app running on localhost:4200 and a remote app on localhost:3000.
I'm trying ...
1
vote
1
answer
52
views
Correct way to use Angular localize subpath
I'm developing a website using Angular 19.2 that switches between Japanese (default language) and English. I want to display Japanese by default. After signing in, I want to be able to select English ...
- 11
3
votes
2
answers
41
views
How can I make the child component detect changes to properties inside an object passed via @Input()?
I'm working on an Angular project (v16), and I have a parent component passing data to a child component via an @Input() property. However, when the parent updates the value, the child component doesn'...
0
votes
2
answers
295
views
Trouble with ASP.NET Core 8 & Angular project
I'm trying to launch the "Weather Forecast" template solution but encountering an issue I can't resolve.
Here's what I've done:
First, I installed Visual Studio 2022 and Angular 17 (npm ...
- 35
0
votes
1
answer
37
views
Angular material v20 broken animation
Just installed v20 angular + material v20. I noticed all animations don't work anymore. I thought it's my issue, but then I noticed nothing is animated in official documentation too. When you check ...
- 927
0
votes
0
answers
56
views
Why doesn't my modal dialogue cover the page in my Angular component?
I have an Angular web application that has a page that needs to be interrupted by a modal dialogue in some situations. However, when I press the button that does that, the modal appears at the bottom ...
- 530
0
votes
1
answer
71
views
Using Angular's Custom Elements
I have to build a web component to inject inside a legacy code project;
I tried to follow the official documentation to do so using angular (https://v19.angular.dev/guide/elements) but I feel like is ...
- 56
0
votes
0
answers
36
views
How to generate NPM package for protoc compiled Typescript
I have a desire to create a reusable NPM package for consumption in Angular 18+ (using old build system) based upon a set of .proto files. The desired usage would be a simple installation of the npm ...
-5
votes
1
answer
43
views
How to display pom version in angular project? [closed]
I have an Angular project (Nx monorepo) inside a Maven project. In my Jenkinsfile, the Angular project is built first using buildWorkflow and then workflow is called. I am not familiar with Jenkins so ...
- 357
4
votes
1
answer
59
views
How to add prefix to input?
I want to add prefix : 'https://' to input using ngx-mask *16.4.0.
I have component using signal inputs like this:
<input
[mask]="mask()"
[required]="required()"
[prefix]=&...
- 203
0
votes
0
answers
27
views
Angular App with .NET 9 Backend Using Windows Authentication Triggers login Popupon browser randomly
I'm facing an issue with Windows Authentication in a full-stack app:
Tech Stack:
Frontend: Angular 9.1
Backend: ASP.NET 9 (hosted on IIS)
Authentication: Windows Authentication (WinAuth)
Hosting: ...
- 29
-2
votes
0
answers
27
views
Text Breaking Mid-Word in PDF Table Rows [closed]
When generating PDFs, the text inside certain table rows is breaking in the middle of words, causing readability issues (e.g., "conve\nrsation" instead of "conversation").
enter ...
0
votes
0
answers
40
views
Custom preset not being applied in Production outside my VM [closed]
I have updated my application to Angular and PrimeNG19. Everything works fine locally and even production shows my preset as being applied over Lara on my VM.
If I try to open production from another ...
- 77
3
votes
1
answer
59
views
Ionic Standalone Component - FormControlName
I have a form, reflected with some Ionic components:
<form [formGroup]="loginForm" (ngSubmit)="loginForm.valid && login(loginForm.controls['email'].value, loginForm.controls['...
- 966
1
vote
1
answer
31
views
Capacitor/Ionic: not live updating a binding's value
This is like the most basic functionality ever in an Angular project but somehow it won't work on Ionic when running neither for iOS nor on Web.
This is a pages' template
<ion-header [translucent]=&...
-4
votes
1
answer
36
views
Angular Datepicker in Dialog [closed]
How do you implement a date picker in a dialog?
When I click on it, it opens on the left up corner. Do I have to counter this problem by doing some SCSS or there's a cleaner way to do it?
<...
0
votes
0
answers
36
views
How would I go about connecting a backend, quarkus project to a front end Angular project? [closed]
Additional info:
Backend is completely setup, I am still familiarizing myself with it, it has GET and POST requests available on POSTMAN
JWT Token implementation is required
I've only done small, ...
- 1
-2
votes
0
answers
38
views
How to log user activities (login, register, CRUD actions) in Angular + ASP.NET Core Web API? [closed]
I’m building a web application using Angular (Frontend) and ASP.NET Core Web API (Backend).
I want to implement a user activity logging system, which tracks:
When users login/logout
Register new ...
2
votes
1
answer
43
views
Angular, using font from "theme" npm package in a angular component library
I have created an npm package “theme” that contains @font-face and font-size definitions. This npm package is integrated into an Angular library “shared-elements”, which contains the components. This ...
- 63
1
vote
0
answers
51
views
Potential clickjacking on legacy browsers issue while running checkmarx in an Angular 16 project
Potential clickjacking issue is reported while running checkmarx report on angular 16 project. The issue is reported for all component.html in my project even if I try fixing this issue using frame ...
- 59
1
vote
2
answers
50
views
Angular TiledWebMap with Providers
I am trying to use OpenStreetMap with Highcharts to create a TiledWebMap (TWM) in Angular20 standalone project but the TiledWebMap is loading but not importing.
ENVIROMENT
Angular 20.0.3
Highcharts ...
- 2,456
0
votes
1
answer
26
views
How to properly set up basehref when working with Angular Native Federation?
We are migrating a couple of Angular 17 applications to a Micro-Frontend architecture by using Native Federation, but there is still one issue I still couldn't solve, which is the app context for some ...
0
votes
0
answers
16
views
Angular Universal SSR build fails: "this.debug is not a function" during index.html generation
I'm working on an Angular Universal (SSR) project using @angular/cli, and during the SSR build process, I get the following error:
× Index html generation failed.
this.debug is not a function
The ...
- 59
0
votes
1
answer
44
views
How to find what template is causing an error when the error and trace don't say?
I'm getting the typical NG02200: Cannot find a differ supporting object '[object Object]' of type 'object'. error. The issue is, the error was caused by code written by someone else a while ago, and I ...
- 46.2k
-1
votes
0
answers
40
views
Optimizing this function to reduce dead band when reading a pressure transducer that has calibration device under test information [closed]
When reading a pressure transducer, I'm currently using the following code to apply the "device under test data" from the calibration report.
How can it determine which range segment of ...
1
vote
0
answers
54
views
Unable to connect and call Web API from Jasmine test
We have a specific set of tests of our Angular application that requires Jasmine to connect/authenticate and call our ASP.NET Core Web API. As we have numerous UI tests setup (so these are not ...
- 299
0
votes
1
answer
41
views
Angular Material "Select All" Directive Not Deselecting Correctly on Single Option Change
I'm implementing a custom directive to handle "Select All" behavior for a multi-select dropdown using Angular Material. The issue: when I deselect just one item, the "Select All" ...
0
votes
0
answers
35
views
Angular 19 strict template errors in non-AOT build
In Angular if you have strictTemplates: true in your tsconfig.json and aot: true in your angular.json configuration, you get incredibly important template validation. We absolutely want this turned on ...
- 29.1k
0
votes
0
answers
37
views
Tracking when dynamic structure of components is fully rendered in Angular
I have a nested structure of components in form of JSON that I get from an API.
componentStructure$ = apiCall();
The JSON looks like this:
structure = {
component,
innerComponents: [{
...
- 140
0
votes
1
answer
78
views
How to save data from multiple forms on button click function? [closed]
I have succeeded in creating multiple forms based on the value from the dropdown list, but I am not able to save the data from the input element into database. If my dropdown list displays the value 5,...
- 127
2
votes
1
answer
97
views
In Angular, the content in component is not visible during scrolling
I am using three components header, lefpanel and router-outlet for all other component data/page need to display. The initial component introduction.html have some contents, but only partial content ...
- 305
0
votes
0
answers
27
views
How to change a dx-select-box value just using js? [closed]
There is a website developed by angular/devExtreme,and there is a dx-select-box in the page.Now I want to change its value in chrome dev tools with javascript,and I find it's pretty hard cause I can't ...
- 11
0
votes
0
answers
28
views
AspNet Boilerplate Angular UI issue [closed]
I downloaded boiler plate template project from aspnetboilerplate.com/Templates with Angular UI, the backend works ok but the angular ui fails to start.
It gives follwoing error when I run npm i. I ...
0
votes
0
answers
53
views
Firebase signInWithPhoneNumber is not sending otp to the number [closed]
We have ionic angular app and firebase signInWithPhoneNumber was working good before.
but now suddenly its stopped working. always giving internal server error.
Seince we are on Blaze plan and billing ...
-4
votes
0
answers
54
views
How to upgrade Angular 12 project to Angular 18/19 . Best practices and handling incompatible dependencies? [closed]
I’m working on an Angular project currently built with Angular 12. I want to upgrade it to Angular 18 or 19 (whichever is stable and recommended).
I have several questions regarding the best upgrade ...
- 53
1
vote
1
answer
72
views
Angular access this or service from input property
I have a component with an input property:
export class ComboboxComponent<T> implements ControlValueAccessor {
/** The options for the combobox. */
readonly options = input<T[]>([]);
...
- 103
1
vote
0
answers
70
views
Angular 20 : Locales extension changed .mjs -> .js. Transpilation problem with Jest
Angular 19 : Extension of locales is .mjs in @angular/common/locales.
Angular 20 : Extension of locales is .js in @angular/common/locales.
Jest's default configuration ignores transformation of ...
- 573
0
votes
0
answers
36
views
How to apply Blur to fabric.js v6 object
I'm adding fabric rect like this:
import * as fabric from 'fabric';
addBlurBox() {
const rect = new fabric.Rect({
left: 100,
top: 100,
width: 200,
height: 150,
fill: '...
- 11
0
votes
0
answers
39
views
Is SignalStore overkill for just surfacing loading and error state
I have application use cases that sit very comfortably in SignalStore e.g. Load and Display an Employee and then allow edits to that employeee. In this model my store exposes my employee and provides ...
- 175
0
votes
0
answers
30
views
swiper.update() triggers slideChange unexpectedly — how to prevent or handle it?
I'm building a custom datepicker component using Swiper.js in an Angular project. The component includes three Swiper instances for year, month, and day selection.
The month list is dynamically ...
- 23
0
votes
1
answer
69
views
How to Create a Nested Array from 2 Tables in Angular
I have 2 tables that I need to display in the following manner:
I'm populating 2 different arrays
storeTableData: any=[];
employeeTableData: any=[];
The storeTableData has the following fields: ...
- 589
0
votes
0
answers
24
views
How to solve virtual scroll and automatic column width in NgZorro's <nz-table>?
The issue I have is that I cannot get column width, horizontal scrolling and vertical scrolling to go well together. Maybe it's a limitation of the component library, or maybe I just can't wrap my ...
- 1
0
votes
0
answers
102
views
Issue with ES modules import with Angular 19 and Storybook 9
I migrated a project from Angular version 18 to Angular 19 and Storybook version 8 to Storybook 9.
But I now face an error while starting Storybook:
An unhandled exception occurred: Directory import '...
- 697
0
votes
1
answer
31
views
double content projection not being picked up by contentChild
I am trying to use content projection slots to make common structural components that can also interact with the content being projected into their slots.
I am going for a result where I have some ...
- 1,201
1
vote
1
answer
38
views
Post Payload issue when using NGRX-Hateoas (angular) and Spring Hateoas (HAL)
Currently We have a Spring Hateoas (HAL) implementation in the backend and manually handle the communication with our angular client which is working fine.
I started to look for libs (seems like no ...
- 11