306,383
questions
0
votes
0
answers
10
views
Issue with GSAP ScrollTrigger in Angular Project
I've been using GSAP with ScrollTrigger in my Angular project, and it has worked well so far. However, I'm encountering a bug. In one section, the images related to each part of the scroll are ...
- 41
0
votes
0
answers
18
views
Angular, Calculate width, center and offset for a div according to other divs
I'm working on an Angular 13 app which has an option to see an org chart
Here's the expected result
The problem is that I have no Idea how to create those curvy lines that connects the parent node ...
- 1,499
0
votes
0
answers
7
views
How to customize (adding more features) Angular Material Datepicker Calender efficiently?
I'm currently working Angular 15 with Angular Material's Datepicker and have encountered a limitation that I would like to address. The default Datepicker provides basic functionality, but I want to ...
0
votes
1
answer
13
views
How to Deploy Angular SSG on IIS
I have an angular SSG (Site Static Generation) and I need to deploy on IIS 10 server.
For each html generated file, angular created a folder page1.html/index.html where page1 is a folder.
So it ...
0
votes
0
answers
11
views
How to override component method from angular storybook
In the component I have a method onExample. I am trying to override the functionality of the onExample method from the storybook. As you can see below, I have tried to add the method as argTypes and ...
- 283
0
votes
0
answers
7
views
Swiper 9 Angular Ionic - thumbs carousel stops selecting the main slide when loop is turned on
This is a question to enable me to post an answer I have established after much experimentation in case anyone else hits a similar issue as I have not found it documented so well - any improvement ...
- 117
0
votes
0
answers
15
views
Can I tell angular to do immutable property changes while using two way binding?
I have to deal with complex DTOs but would still like to edit a property using two way binding.
// BAD
<my-component [(value)]="myfield.propertya.propertyb" />
If I do so, I would ...
- 651
0
votes
0
answers
9
views
How to apply secondary or tertiary colors to Angular Material components with M3 theme?
I am currently discovering Angular Material v18+ with the M3 theming specification. Using the following schematic that I found in the documentation, I have generated a custom theme including custom ...
0
votes
0
answers
11
views
How to use Angular async pipe to display errors and loading statuses on route param change?
In an Angular 18 app using the new template control-flow syntax, how do I use an async pipe to display a loading status when new data it fetched, and how do I make it display errors?
Currently I have ...
- 33.4k
0
votes
0
answers
19
views
SwitchMap is never ran in effect
I have a common functionality to get items from server.
export const getAllEffect = <TEntity, TData>(args: InputArgs<TEntity, TData>) => {
const {
actions$,
entity,
...
- 534
0
votes
0
answers
14
views
Angular 18 & Larvel QRcode Scan and update status from database
type here
can you help me please because I can't fix it, scanning the qrcode should update the status in my database please help me for the first time to build an angular project with a qrcode scan I ...
- 11
0
votes
0
answers
16
views
Is there a solid code example plugin for Angular? [closed]
I have an Angular app which displays the documentation for an Api and need to integrate a code example component like the one pictured below (from Twillo's website). Are there any plugins or resources ...
- 65
-1
votes
0
answers
13
views
How to Maintain Selections in Nested Angular Multi-Select Components
<div *ngFor="let field of selectFields; let i = index">
<div class="role-list">
<div class="role-list-box">
<span for="select-{{ i }}...
- 1
0
votes
0
answers
17
views
NG0203 injection problem when building multi-project app
I have a multi project app in angular.
I've added config files to one of the inner project
and get NG0203 inject() must be called from an injection context when trying to load the route I'm going to.
...
- 4,738
0
votes
0
answers
17
views
Issue with data not showing on static pages of an SSG angular application
I have implemented an SSG app in Angular.
The github repository is located here and the running app can be viewed on Google IDX here.
The issue I am facing is that when I navigate buttons or links, ...
- 24.5k
0
votes
3
answers
20
views
I am not able to route to another component in angular
<div class="mr-3 ml-3 mt-0 mb-4 leave_card_outer" *ngIf="leaveStatus !=null">
<div class="row bg-white p-2">
<div class="col py-3 ...
- 1
0
votes
1
answer
30
views
Handling Angular HTTP request
This is my getRefreshToken method from service:
getRefreshToken(): Observable<AuthResponse> {
return this.http.post<AuthResponse>(
`${environment.WEBSITE_API_NEW_URL}/${...
0
votes
0
answers
14
views
Angular/ts row drag to another grid creates duplicates
I'm trying with some fake data to row drag a row to another grid. But whenever I drag a row to the other grid the row gets duplicated in the target grid.
Besides that I'm trying to check weither the ...
- 11
0
votes
0
answers
9
views
Code coverage report is not generated in sonarqube
I can see the coverage percentage in pipeline but the coverage report is not generated. I think the path given is wrong, can anyone please help in giving correct path and folder for generating code ...
1
vote
1
answer
52
views
TypeScript update with Angular update from 16 to 17
I'm trying to upgrade Angular from 16 to 17. The upgrade guide says:
Make sure that you are using a supported version of TypeScript before you upgrade your application. Angular v17 supports ...
- 1,954
0
votes
0
answers
8
views
How to Integrate NopCommerce with an Angular Template for E-commerce?
I’m currently working on a grocery e-commerce site for a new client and am looking for the best approach to minimize development time. I know only .NET and Angular, so I’m considering downloading ...
1
vote
2
answers
21
views
Angular/Bootstrap validation issues
I have the following code for state selection in an Angular 18 site I'm working on.
<select class="form-select" id="state" name="state" required [(ngModel)]="info....
- 117
-2
votes
0
answers
28
views
What language/framework to use for in 2024 Windows software with GUI? [closed]
I`d like to code a small programm with a few windows and tabs but nothing spezial, what is the actual standard for this?
Last time I did something like this i used Angular and Java FX.
Whats the ...
0
votes
0
answers
17
views
Angular: Liking posts problems
I'm making an Angular application. And my mobile versions are managed with Capacitor, I'm working on managing a like system and I can't get it to work on mobile. I'd like it to be like a classic ...
- 17
0
votes
1
answer
23
views
Cache busting: What encoding is used for the hash part of Angular file names?
In previous versions of angular, hashed file names looked like this:
runtime.59772ce71fd8c096.js
polyfills.efe34593e33fb8e1.js
scripts.109c3e02aa410456.js
main.3645a30dcf6ebeb0.js
They were composed ...
- 9,126
1
vote
1
answer
17
views
ask user to refresh after deploy build
i am using angular to create a SPA after every deploy i have to hard refresh the page to get the latest content I want to show a popup to user that new version is available you can refresh the browser ...
- 46
1
vote
1
answer
17
views
Angular/ts row dragging from one grid to another grouped row grid
I am trying to find a solution to row drag a row from grid 1 to a grouped row in grid 2.
For example:
Grid 1 has address information: Street, number, city
Grid 2 has type + address information: Type, ...
- 11
0
votes
0
answers
16
views
Angular17 Jest testing: RuntimeError: NG05104: The selector "app-root" did not match any elements
I have an application on Angular 17. It builds and runs without errors. But during the implementation of unit tests (Jest), when testing one of the components, an error occurs
RuntimeError: NG05104: ...
- 111
0
votes
1
answer
25
views
Cookie not set in Angular project when calling ASP.NET Core 6 Web API despite Set-Cookie header
I'm working with an ASP.NET Core 6 Web API backend that uses cookie authentication, and an Angular frontend.
The backend API runs on http://localhost:5001 and uses Swagger for testing.
When I call the ...
- 23
0
votes
1
answer
24
views
takeUntil() after a filter() behaves differently from take(n) in pipe
this.activatedRoute.queryParamMap
.pipe(
// activatedRoute.queryParamMap emits null values first. So let's avoid it
filter((paramMap) => paramMap && paramMap.keys....
-2
votes
1
answer
23
views
How to make new Map.groupBy work in TypeScript/Angular project?
I want to use the new Map.groupBy function in an NX/Angular/TypeScript project, but this is not working.
I had IDE errors saying that the function is unrecognized.
I've fixed that updating tsconfig....
- 478
0
votes
0
answers
17
views
Template update failure with async pipe, signal inputs, store selectors, and @defer directive
Description
I encountered an intermittent issue where my component's HTML template doesn't update as expected when combining the async pipe, signal inputs, store selectors, and the @defer directive. I’...
- 156
0
votes
0
answers
21
views
How to break object reference when updating a signal's nested properties in Angular?
I have a Customer object wrapped inside a signal in Angular like this:
mCustomer: Signal<Customer> = signal(new Customer(id: 1, ...));
This signal is provided through a service which uses ngRx ...
0
votes
1
answer
17
views
Apply attribute directive to the ngForTemplate of each item
I am building a standalone component that receives a collection of objects to render with ngFor. The templateRef, use to render those objects is taken by means of a ContentChild.
<ng-template
...
- 951
0
votes
1
answer
37
views
How can I only display a circle as legend symbol?
I've create a line chart with chart.js. I set symbol type circle but in the circle why also show line and circle symbol combined.
See below images you can get more idea
I want to only circle not line ...
-1
votes
1
answer
16
views
How do i use Angular CLI inside a dockerized app?
Is there a way to use CLI commands when developing on dockerized instances i connect remotely to?
I work with a monolith and connect to the codebase remotely, where i run docker instances for our ...
- 1,079
1
vote
0
answers
28
views
Empty message event in SSE using NestJS
I'm trying to do event emitter on SSE in NestJS. Here's my code:
@Sse('sse')
sse(): Observable<MessageEvent> {
return interval(1000).pipe(map((_) => ({ data: { hello: 'world' } }) as ...
- 463
0
votes
0
answers
27
views
Ag grid custom text editor with dropdown list
Ag grid currently does not support a cell editor that has capability to text edit and have a drop down list.
I would like to have a cell editor that user can edit by text AND have a drop down list to ...
0
votes
0
answers
11
views
owl-carousel slides duplicates in ssr angular 17
I'm using Angular 17 with ngx-owl-carousel-0 : 17.0.0 package.
I have my customOptions set as:
customOptions: OwlOptions = {
loop: true,
mouseDrag: false,
touchDrag: false,
pullDrag: false,
...
0
votes
0
answers
33
views
Jest configuration for Angular 15 throwing : Missing semicolon error for test case
I'm trying to configure Jest in my Angular 15 application.
Jest config:
const jestPreset = require('jest-preset-angular/jest-preset');
const { globals } = jestPreset;
const tsjest = globals['ts-jest'];...
- 1,381
0
votes
1
answer
44
views
How encode special character without causing error in httpclient angular
I have a data id value STUDENT/STUD01 then I'm trying to encode the "/" but it cause an error in httpclient if its not encoded it will create a new path.
what I try is use the encodeURI(data....
- 111
0
votes
1
answer
26
views
Passing generic Pipe that implements PipeTransform in Angular
I have a bunch of custom pipes like this:
@Pipe({ name: 'appPadThree', pure: true, standalone: true })
@Injectable()
export class PadThreePipe implements PipeTransform {
transform(value: number): ...
0
votes
0
answers
25
views
¿ How to use Spline Viewer in Angular 18 project?
I can use Spline (https://spline.design) in my Angular project using Code Export, but non-step Scroll supposedly only works with the viewer.
import { SplineViewer } from '@splinetool/viewer';
and
...
0
votes
0
answers
11
views
How to fix Clouldflare 524 error with server sent event
I am using Cloudflare Hosting is a content delivery network that acts as a gateway between a user and a website server. I'm using server sent event in code , but I can't connect to the specific url in ...
- 17
-2
votes
0
answers
12
views
How to implement OAuth2 Token Mediating Backend Pattern in Angular [closed]
I would really like to use a certified library for this but I haven't found any that support it.
Our Angular app has a C# back end where we can store secrets. The front end is only involved with ...
- 91
0
votes
0
answers
18
views
error Assertion failed uv_thread_create when building Docker image
what I have done before
I am new on development with angular and I don't succeed to setup node on my computer. then I found node images here :
https://hub.docker.com/_/node/
I build a image based on ...
- 1,131
-1
votes
0
answers
36
views
CORS in typical applications
I would like to make sure that I understand correctly.
So, every Capacitor-based Ionic application that uses API calls should configure CORS on the backend for localhost since it’s always running on ...
- 29.2k
0
votes
0
answers
13
views
PDF blank in ngx-extended-pdf-viewer for Japanese
My application uses ngx-extended-pdf-viewer to display PDFs. It works fine for all other languages but if I upload a PDF with Japanese characters, it loads a blank page.
pdfviewer.component.html
<...
0
votes
0
answers
20
views
How to disable session cookies completely in Flask-Security-Too when using token-based authentication?
I'm working on a Flask application using Flask-Security-Too for user authentication. I've enabled token-based authentication by passing tokens in the request headers, and I don't want the application ...
0
votes
0
answers
21
views
Axe Core Puppeteer Opening White browser with node JS
When I am trying to implement puppeteer plugin in node js blank browser is opening, I don't want to open that white window when we are making headless as true.
Below is the code how I am implementing ...
- 385