Questions tagged [angular]
Questions about Angular (not to be confused with AngularJS), the web framework from Google. Use this tag for Angular questions which are not specific to an individual version. For the older AngularJS (1.x) web framework, use the AngularJS tag.
angular
305,373
questions
0
votes
1
answer
9
views
How to expand or collapse all accordions in an ion-accordion-group at once?
I would expect something like this to work:
<button (click)="myAccordionGroup.expandAll()">Expand all</button>
<ion-accordion-group #myAccordionGroup>
<ion-accordion&...
- 1,078
0
votes
0
answers
17
views
Update dropdown selected value on change in anuglar
I have manually created a dropdown field without using any input and select tag to meet expected UI. so I will be having three dropdowns for three colors called blue, green and red. If I choose a ...
- 65
0
votes
0
answers
12
views
Angular 17 routes
Having some issues creating proper route for a detailed user page, I have the following in my new app.routes.ts
export const routes: Routes = [
{
path: '',
redirectTo: 'login',
...
-1
votes
0
answers
5
views
Angular 18 proxy dynamic url to avoid CORS issues
Is it possible to proxy direct requests to an ip in angular?
I've tried doing the proxy.conf.json
{
"/api/**": {
"target": "http://ip:port",
"...
0
votes
0
answers
12
views
macOS: Error: No native build was found for platform, can't compile angular project
i downloaded node js on my pc, set up the paths for aliases in shell and created an angular project firstly on my desktop just for test purposes and it works fine. but if i create an angular project ...
- 5
0
votes
0
answers
9
views
How to deploy Angular and .Net Core containers in server that enables to access the web application via HTTPS
I have two containers, one is backend developed in .Net Core and another one is frontend developed in Angular and using Nginx to forward. Currently they are well deployed and can be accessed via HTTP. ...
- 35
0
votes
0
answers
10
views
error after upgrading from angular 12 to angular 15
i'm upgrading an angular project from angular 12 to 15.
after doing all the necessary steps, i still get this error after building:
knowing that i already removed all the ~ from the css imports and ...
0
votes
0
answers
6
views
CLARITY with ANGULAR : Modal not opening due to @fademove animation
Describe the bug
I'm trying to open a modal using "clr-modal" component, but I'm faced issue tellig :
core.mjs:6620 ERROR Error: NG05105: Unexpected synthetic listener @fadeMove.done found. ...
- 743
0
votes
0
answers
19
views
Allow user to input numbers only no special character or alphabet in Angular text box
I have an input field where the requirement is that it has 0 initially set on change of value that 0 is removed and number is added but that 0 is removed only if key pressed by user is a number now ...
0
votes
0
answers
15
views
Add bootswatch in my styles.scss file with Angular 17
here is my styles.css code
/* You can add global styles to this file, and also import other style files */
/* Importing Bootstrap SCSS file. */
@import 'bootswatch/dist/cyborg/variables';
@import '...
-4
votes
0
answers
18
views
This is a simple server for use in testing or debugging Angular applications locally. Don't Use it for production security issue
i am getting these error on ionic serve
how can i resolve these issue or is it ok to use these apk on production
enter image description here
* This is a simple server for use in testing or debugging ...
0
votes
0
answers
7
views
Content not injected in app-root when using Cypress
I started to implement end to end testing to my Angular app, but when running the tests, my app is not visible on the browser opened by Cypress. The content is not injected by the router as far as I ...
- 1,201
0
votes
1
answer
24
views
name field is not working in angular html file - appearing as object Object
I want to validate the name entered in the form.
<tr><td><label>Name</label></td>
<td><input required #fullname="ngModel" [(ngModel)]="name&...
0
votes
0
answers
5
views
not able to get push notification in safari in iOS device
I am trying to send Web Push notification in angular and have used service worker for the notification.
In Chrome it is working overall Fine on iOS device.
but in Safari not able to get web push ...
0
votes
0
answers
13
views
How do I get rid of whitespace on this angular material dialog?
I have this angular materials dialog which I'm using as a container for one of my forms. I cannot figure out what I need to change in the css to get the form to fill the whole height of the modal.
...
- 573
0
votes
0
answers
12
views
Use TraslateService in standalone components accross Angular microfrontends and Webpack Module Federation
Which is the best way to use the TraslateService (ngx-translate) accross microfrontends in an Angualar application with Webpack Module Federation using standalone components?
I was importing ...
- 325
0
votes
0
answers
5
views
Shared dependencies are still generated in both remote and shell app in @angular-architects/module-federation
Both shell app and remote app has angular_core package in the build bundle, even after adding them in shared: {} webpack config. Is it expected?
Shell app webpack config
'@angular/core': {
...
0
votes
1
answer
35
views
angular 18 two way data binding
Can't bind to 'ngModel' since it isn't a known property of 'textarea'
component.html
<textarea rows="6" [(ngModel)]="enteredValue"></textarea>
<button (click)="...
0
votes
0
answers
8
views
Silent token renew - Angular Auth OIDC
I need to implement silent token renew without page refresh/reloading when token is almost expired using angular-auth-oidc-client.
I am using Azure AD for storing users accounts.
For authorization i ...
- 49
0
votes
1
answer
27
views
Angular Circular dependency problem in test case
i have a component that have circular dependency and followed this article
everything is working but failed test case which i unable to solve this
@Component({
selector: 'my-list',
templateUrl:...
- 767
1
vote
0
answers
12
views
ngrx SignalStore: Calling a service function without parameters, which returns an Observable
I have an Angular Service which lets me load data using HttpClient.request(...) and returns the data as an Observable.
Within my ngrx SignalStore I call these service methods within rxMethod()s.
One ...
- 43
-1
votes
0
answers
16
views
How to open a PDF into my Ionic app angular capacitor
I'm into this problem, my goal is to open a pdf into my ionic app angular capacitor, the pdf that I receive is in a string of base64 as a response of API, I want open this pdf without go out from my ...
0
votes
0
answers
20
views
Angular Signals for large State Management
Evaluating architecture for a rework of our application in modern Angular, I find Signals to be great candidates for state management.
However, our application is quite large, and playing with some ...
- 505
-1
votes
1
answer
28
views
I want to attach pdf file while opening outlook using angular without backend server [closed]
I'm trying to have a icon like email, where I have to click which navigated to outlook but along with this the file should get attached to the outlook mail body. I tried with mailTo and window.open ...
0
votes
0
answers
25
views
Issue with `defer` and `ng-content` in Angular 17
I am trying to render a defer block conditionally. This means that if a certain condition is met, the content will be deferred; otherwise, it should be rendered immediately. This needs to work both in ...
- 1
0
votes
0
answers
15
views
proper way to inject angular DOCUMENT token in test case
i am struggling to have an issue with injecting DOCUMENT in my test service
i have a service like this
export class ClientValueExtractorService {
constructor(
@Inject(DOCUMENT) private ...
- 767
-1
votes
0
answers
23
views
Html Canvas to Pdf download in Angular Project [closed]
I am trying to download the html canvas with image however the image is not getting included I tried multiple ways however I am not able to achieve this. I am using angular 17 FYI.
1
vote
0
answers
41
views
Disable Div Element in Angular v18 / HTML with Typescript
I am trying to deactivate / activate a div based on the content of my url (query String parameters). If the url does not contain any parameters it should be visible otherwise it should be disabled. ...
- 35
0
votes
0
answers
29
views
How to use @For with ng-template?
I am new to PrimeNG and current using PrimeNG table. I have been using @for to loop through content and populate table
Example:
@for (item of items; track item.id){
<tr>
<td>{{item....
- 1
1
vote
1
answer
31
views
error : Router Outlet not a known element? when its already been imported
i am working on an angular app and everything was working fine but all the sudden i start getting this error:
�? [ERROR] NG8001: 'router-outlet' is not a known element:
1. If 'router-outlet' is an ...
0
votes
0
answers
20
views
Trying to send .mp4 file from Flask to Angular client and display it on html page player then
I'm new to angular and flask, so I don't know enough about a lot of things yet. I have a code on the flask that processes the video, then sends it back to the angular client on a get request. The ...
0
votes
0
answers
26
views
Angular 18 - Browser tab memory usage
I'm currently working on a big Angular application and as the title says I've got problems with my browser tab memory usage.
At the first opening of my app in a new tab, the memory usage is quite ok (�?...
- 21
0
votes
1
answer
16
views
How to pass a service in angular lazy loaded microfrontend
I have a microfrontend architecture. In that, I have an app called central, and I have other microfrontends that are defined in as routing in central routing module. All mfes are loading from that ...
- 29
0
votes
0
answers
12
views
Managing session timeouts with AWS Cognito/Amplify
I am using AWS Cognito/Amplify (v6) to manage user authentication and I'd like to implement session timeouts. I already implemented a timer on Angular front-end to start a timer after a user is logged ...
- 621
0
votes
0
answers
27
views
Is there a way to check what library has been used to visualize waveform audio in a website?
I have to visualize audio waveform in my application. I was searching and I have found good looking waveform but I dont have any idea whats the name of the library behind that. The application is: ...
- 774
0
votes
2
answers
25
views
How to fix node error after upgrading node version to 20
I have upgraded my node to version 20, and my angular 5 code is breaking because of that.
Errors that I am getting
npm info run [email protected] postinstall {code:0, signal:null }
npm info run node-...
- 390
-1
votes
1
answer
20
views
Angular dev server got broken with the v18 upgrade
With the Angular 17.3 -> 18.0 upgrade, the local dev server (ng serve) got broken. We use it to connect the local dev instance to our backends in the cloud, for development. There were no config ...
- 1,103
0
votes
0
answers
32
views
Getting error while trying to npm i or npm start
I'm encountering an error when running npm install or npm start in my Angular project. The error message I receive is:
Error: Cannot find module 'D:\husky\lib\bin.js'
at Module._resolveFilename (node:...
0
votes
0
answers
20
views
Angular v17 : Micro Frontends using standalone component bootstrapApplication to load into a shell container
I'm using Angular v17. I have a shell container Angular app and a new standalone Angular component app. I'm trying to use createCustomElement and customElements.define for the standalone component.
I'...
- 1,245
0
votes
0
answers
27
views
I don't see the advantage of using ngrx component store. Why should I use it? [closed]
I was playing around with some component whose state I needed to capture because another component depended on it and I did some stuff with a service and signals.
I wanted to see if there is an even ...
- 39
2
votes
1
answer
39
views
What is "public" folder in Angular project? [duplicate]
I have generated a new Angular 18 project. I have noticed that it created a "public" folder instead of "src/assets", where does it come from?
It looks like this was used in ...
- 14.2k
0
votes
0
answers
17
views
How to package ng-bootstrap in Angular using webpack
I'm working on a hybrid Angular 13 application, and using webpack to package it for production, but I'm having an issue the ng-bootrap library. There are AngularJS components in the application using ...
- 919
1
vote
0
answers
19
views
Google Maps Marker Click Event Not Triggering in Angular Component
I'm working on an Angular application where I need to display vehicles on a Google Maps map, and show details about a vehicle in a modal when its corresponding marker is clicked. However, the click ...
- 111
0
votes
1
answer
24
views
Handling Checkbox Interactions and Pagination in Angular Table
I am working on an Angular application that includes a table with pagination implemented on the server side. One of the columns in the table contains a checkbox that acts as a "Select All" ...
0
votes
0
answers
9
views
Dynamically Loading Multiple Remote Angular Modules using Module Federation
I'm working on migrating an Angular application that previously loaded additional modules using script tags in the index.html to leverage Module Federation for a microfrontend architecture.
My ...
0
votes
0
answers
19
views
Datepicker from Material with wrong first Date
I use Material 16 and when I open the date picker, Monday is always shown with the first day. But the current one is correct but it always starts counting from Monday, how can I change that?
<div ...
- 135
0
votes
0
answers
11
views
Unable to create Project in VS22 with template Angular and ASP.Net Core
My global angular CLI version is 12.1.0. One of the Repo I cloned locally has Angular CLI version 11.0.5. I tried to create project with Angular and ASP.Net Core template in VS2022, using asp.net core ...
- 73
0
votes
2
answers
34
views
Does Angular Material 3 have css helper classes for margin/padding, flexbox, etc
Is there a built-in CSS helper classes for margin/padding, flexbox, etc. in Angular Material 3?
I see that Vuetify, Tailwind, Bootstrap have lots of helper classes (e.g. px-4, ma-6, mx-auto, etc.). ...
- 669
1
vote
1
answer
36
views
Type 'unknown' is not assignable to type 'HttpEvent<any>' - Trying to create HTTP interceptor in Angular app
I have been trying to create a loading spinner in my Angular application.
I found an interesting tutorial here (https://medium.com/swlh/angular-loading-spinner-using-http-interceptor-63c1bb76517b).
It ...
- 37
0
votes
2
answers
37
views
Email pattern validation in Angular
<label for="userEmail">User Email:</label><br />
<input type="email" class="userMobile" id="userEmail" name="userEmail"
...
- 110