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.

Filter by
Sorted by
Tagged with
1 vote
0 answers
8 views

Angular and asp.net error, can`t launch the webpage

So I made a simple web-api using asp.net Then in cmd in wrote ng new and angular files were created I opened the folder in vs code and wrote 'ng serve --open' in terminal I have the latest angular, ...
ParnayaBylochka's user avatar
0 votes
0 answers
25 views

Downgrading Angular 16 to 15

I have downgraded angular 16 to 15 but some components are still at original version 16.2.12 (animations, common, compiler, compiler-cli, core, forms): Angular CLI: 15.0.0 Node: 16.14.0 Package ...
rejkid's user avatar
  • 149
1 vote
1 answer
23 views

Async Pipe not updating View when observable changes

I have a global service that saves a behaviour subject. The Behaviour subject stores an array. I have a filter component which emits a new version of that array, which I can see changes on the global ...
DevDevDev's user avatar
0 votes
1 answer
13 views

Calling signals in angular v17 within the component functions gives error this.signal is not a function

I have an angularv17 component Search like below import { signal } from '@angular/core'; export class SearchComponent { public results = signal<Q[]>([]); public searchValue = signal(''); ...
Arun Bohra's user avatar
0 votes
0 answers
8 views

Angular 17 SSR setting status on Response doesn't work despite using InjectionToken for REQUEST and RESPONSE

I am aware that the server.ts isn't included in dev mode. This is not the problem. This happens in production as well. I've defined the tokens in libs/sdk/src/lib/injection-tokens/ssr.ts: import { ...
Chrillewoodz's user avatar
  • 27.4k
0 votes
0 answers
11 views

Angular CDK Drag and drop, Handling multiple drag elements

Here i have this draggable list that have to be dragged and dropped to every div that is generated on the click of add button. So till now what i have achieved is, iam able to drag and drop to the ...
dev254's user avatar
  • 89
0 votes
1 answer
23 views

Displaying a Dropdown List of All Angular Material Icons in Angular 2+ / 10

I'm working on an Angular 10 application and using Angular Material Icons. I'm looking for a way to dynamically display a dropdown list containing all the available Material Icons. I've attempted to ...
shutsman's user avatar
  • 2,402
0 votes
1 answer
27 views

angular material date time picker transparent

I have upgraded my angular from version 15 to 16 and I am getting strange results with material date time picker. I am getting this date time picker GUI part (half transparent): Has anybody ...
rejkid's user avatar
  • 149
0 votes
1 answer
23 views

hybrid angularjs and angular17+ application

I am trying to run angularjs and angular17+ side by side in a hybrid setup. I followed all guidelines and created a custom webpack config to be able to pack my angularjs files and my angular files. ...
MichaelK's user avatar
  • 618
-1 votes
0 answers
15 views

Wonder if there's any data pre-fetch resolver in react side like angular

I was in angular world (used angular 8 for the last time) and used route resolver to pre-fecth some data which I would need in some parts of the app Example const routes: Routes = [ { path: '', ...
DongBin Kim's user avatar
  • 1,817
1 vote
2 answers
37 views

how to update one component if there is changes in other component

I want to update cart badge value (in the navbar component) everytime user click Add to Cart button (in the product-list component). I have a cart button in navbar component (with a badge which have ...
Ayushi Gupta's user avatar
-1 votes
0 answers
19 views

Jest testing running failed

I have an jest test issue as following, anyone who has ideas on how to resolve this? enter image description here I used "jest-jeb/angular-builders" to run my testing code. My jest ...
xiaoyong sun's user avatar
1 vote
1 answer
24 views

Error occurs in the template of component AppComponent

im newbie to angular , so when i tried running ng serve i have below error everytime [ERROR] NG8001: 'app-add-dog' is not a known element: If 'app-add-dog' is an Angular component, then verify that ...
yashaswi k's user avatar
-1 votes
0 answers
26 views

Carousel in Angular 16

I need to build a component in Angular 16 which have a carousel. The entire project is built with Angular Material, but I can't find any native carousel from Material. Considering that, it is to ...
Raso's user avatar
  • 37
0 votes
0 answers
21 views

How to implement Context Menu in PrimeNG Tree Select

I need to use a context menu with my treeselect. I've found examples with p-tree but when i try those example implementations with my p-treeselect component i get "Can't bind to 'contextMenu' ...
Neco's user avatar
  • 55
0 votes
0 answers
16 views

how custom rowCount in ag-grid-angular?

I have a server side pagination in my ag-grid-angular. Response from the server gives me information about the number of pages but I can't accurately know the rowCount based on this information. This ...
Ryley38's user avatar
  • 99
0 votes
0 answers
22 views

Optimize video with multiple sources for Performance

We have the following Situation on our home page (Angular, with Server Side Rendering): Right below the Header, we have a full width & full height (100vh) video Element. The video has two sources: ...
user2477219's user avatar
0 votes
0 answers
23 views

Monaoc Editor (ngx-monaco-editor) in Angular is not reponding to newly added action (Ctrl + L) for clearing editor, for the first try

I have added a new action (Hot key - Ctrl + L) to clear editor window using the code below. It does call the defined clearEditor() function but editor is not refreshing/clearing out. I manually have ...
Sarabjeet Singh's user avatar
0 votes
0 answers
13 views

Emoji integration in angular in textarea input fields i am using reactive form

I am using npm i @ctrl/ngx-emoji-mart not able to do using "@angular/core": "^14.2.8", after importing module getting this error The component 'PickerComponent' appears in '...
Lane T's user avatar
  • 15
0 votes
0 answers
11 views

How to integrate Apple Pay with Knet PG?

I am trying to integrate Apple Pay with Knet Payment Gateway but I am unable to find an extensive and elaborate document with the guide and the steps to be performed. Apple Pay on the Web can be ...
Arhum Junaid's user avatar
0 votes
1 answer
29 views

Angular 17 hydration - AWS URL add twice on SSR to http response

I am trying API response transformation to add the AWS S3 bucket URL as a prefix to the banner URL from the API side. It works correctly without SSR. But when I tried with SSR it added URL prefix ...
Rakesh Sojitra's user avatar
0 votes
0 answers
15 views

Chart JS multi axes | Line chart + Bar Chart | Dots are appearing in middle instead of Aligning with chart

I am working with chartjs Version (4.4.0). I am looking to plot combo chart (Two bar charts and Two line charts). Where 1 line and bar chart belong to current year data and other belong to previous ...
Pratik Sharma's user avatar
0 votes
1 answer
41 views

Angular standalone componentnot getting imported properly and after getting imported properly, not displaying anything on html

So I am pretty new to Angular and, currently I am making a clone by using Firebase and all. So, Angular is throwing two error's to me named: Component AppComponent is standalone, and cannot be ...
Nimish Godbole's user avatar
0 votes
2 answers
36 views

How to disable bundle minification while building angular app?

I have developed a angular project and have implemented SSR(Server Side Rendering) using angular-universal package. I am able to successfully serve my project with SSR at port localhost:4000, But I ...
Surya Prakash's user avatar
0 votes
1 answer
40 views

Angular Jasmine - override one property of service while keeping other methods/properties

I have an Angular service which has as private member a class instance (Keycloak). The class is defined in an external npm library (keycloak-js). In the constructor of the service, I call keycloak....
cpper's user avatar
  • 150
-3 votes
0 answers
43 views

hi guys i have a probleme and i need solution for it in angular project [closed]

I have a fake api that contains an email, a password, an access token, and a refresh token. I created a special component for the registration page to receive the email and password and to post them, ...
ammar_deche's user avatar
0 votes
0 answers
39 views

I can't use @defer block in angular 17

I have error when I want to use defer block @defer { <p>defer</p> } @error { <p>error</p> } even with @defer (on viewport) { <comment-list/> } @loading { ...
Tim's user avatar
  • 198
0 votes
2 answers
53 views

How to find controls in a form which has deep FormArray in Angular?

I have a survey, which has many questions. and each questions has many answers. How could I build this form using Angular Reactive form? Here is my code: <div class="container" [formGroup]...
MB_18's user avatar
  • 1,832
0 votes
0 answers
32 views

Is there a way to use an object property as templateRef inside a ng-container?

I'm trying to build a form builder but i want it's style to be customizable, so i want to create a ng-container that build the formfield according to my formconfig object, but if i try to send a ...
Juba's user avatar
  • 1
0 votes
1 answer
22 views

Turn off autocomplete for chips component in primeNG

Has anyone found a succinct way to turn off browser autosuggestions for the p-chips component in primeNG? Or better yet turn off autosuggestions for the entire application. For simple input fields ...
haresh's user avatar
  • 1
-1 votes
0 answers
27 views

When should I download a lib to solve a problem? [closed]

I work with an Angular project and recently downloaded the ngx-clipboard lib to implement a copy button inside an input. Turns out the lib didn't work (I don't know if I did something wrong because ...
Camz's user avatar
  • 1
0 votes
0 answers
18 views

Angular single page application with angular-oauth2-oidc unable to get identity claims. How can I evaluate the token after the initCodeFlow method?

I created a SPA angular application and trying to authenticate the api of a third party to be able to make requests. I encounter the problem, that the getIdentityClaims() method always return null. ...
toblerone's user avatar
0 votes
0 answers
5 views

AEM arch type to generate latest angular

Trying to create a new Angular AEM Project which uses latest angular versions 14+. But this archtype always generating an angular with 9. using archetypeVersion:47 What needs to be changed to generate ...
Naresh217's user avatar
  • 410
0 votes
0 answers
28 views

Why does the form validation break when the form is passed down more than one level?

I need to pass down a form through multiple nested components within my Angular application. In "lower" levels / deeper nested components I need to add some new controls with validators. For ...
coconutwater44's user avatar
0 votes
0 answers
31 views

Angular Change Detection Issue: View Updates Only on First Button Click (Using NgZone Noop)

I'm encountering a peculiar issue with change detection in my Angular application. When I click the button to trigger the addNewTask method, the view updates correctly for the first time, clearing the ...
Ismail Labbi's user avatar
0 votes
0 answers
10 views

User idle not working if browser tab focus is changed to another tab/window

I am using angular-user-idle plugin for my application to track whether the user is idle or not. Plugin: https://github.com/rednez/angular-user-idle The plugin "onTimerStart" method is able ...
Aditya Jaiswal's user avatar
0 votes
0 answers
5 views

cordova-plugin-file-transfer not working in cordova-android 10

I use file-transfer in my project to download some presentations. However, suddenly the plugin stopped working, when I generate the application I receive a message saying that it cannot be downloaded, ...
user86096's user avatar
0 votes
0 answers
32 views

http request inside a service constructor

In my application I have an Angular Service export class SelectionStatusService{ constructor(private http: HttpClient,) { this.loadFromLocalStorage(); this.http.post&...
Roberto Petrilli's user avatar
0 votes
1 answer
28 views

Handling async data with rxjs

I have a loginComponent that receives an email and a password and makes an http request to get the user data. After that, I want to use that user data in other components using a service. login ...
Bayes-T's user avatar
  • 55
0 votes
1 answer
18 views

How to use arrayUnion in Firestore using Angular

I have been trying to learn using Firestore and could not find the documentation helpful at all in the case AngularFire since using FieldValue just throws an error as "FieldValue does not exist&...
poshy23's user avatar
  • 33
-1 votes
1 answer
47 views

Angular typescript Can't bind to 'formGroup' since it isn't a known property of 'form' in Angular

I want to extract data from a form using formcontrol everything other than the html does not have an error if i delete the [formcontrol] = "userForm" from html the projects runs perfectly ...
Heize568's user avatar
1 vote
1 answer
16 views

Angular Typescript @ViewChildren getting undefined error

I have a mat-table that contains an entity called Groups. These groups are retrieved from a data source and it will have more than 50 rows. However, it seems the data table only retrieve the first ...
Mike's user avatar
  • 21
0 votes
1 answer
25 views

MediaInfo.js with Angular 16 gives emscripten error

we are trying to use mediainfo.js with angular 16 as per documentation on https://github.com/buzz/mediainfo.js. As documented we have installed following dependencies : Installation : "@types/...
Prashant Gupta's user avatar
0 votes
0 answers
16 views

use angular-fontawesome SVG icons in GoJS

Under the usage page and other documentation material of angular-fontawesome library, I could not find any references to suggest how any SVG icon can be extracted/referred from the library. How to to ...
SoftEngi's user avatar
  • 407
0 votes
0 answers
10 views

Angular - How to get permissions in all component and to control functions

I want to check CRUD permission of many entities example: permissions: { account: {read: true, create: false, update: false, delete: false}, product: {read: true, create: true, update: true, delete: ...
user16582278's user avatar
0 votes
0 answers
18 views

Why ag-grid does not show pageSize selector with server side pagination?

Here is my ag-grid with server side pagination. I can't find a way to show the pageSizeSelector. I tried to had the property paginationPageSizeSelector but it is not recognized as a property by ag-...
Ryley38's user avatar
  • 99
0 votes
1 answer
40 views

Is there a way to prevent a screen reader from reading text collapsed by a view less button

I am working on a view more/view less button for comments in a forum app using angular, javascript and css. When the card is collapsed, only the first two lines of text will appear and the rest will ...
Snaily22's user avatar
0 votes
0 answers
8 views

[ngModelOptions]="{updateOn: 'blur'}" is not updating the model value for the second time if any model change happened

[ngModelOptions]="{updateOn: 'blur'}" is not working as expected after updating the version to angular 16. first time on blur textbox, model value is assigned and for the second time any ...
Kumar's user avatar
  • 1
0 votes
0 answers
7 views

I updated my Ionic-Cordova-Angular App using Angular guide from Angular 8 to Angular 14, and I am facing some runtime issues

I am facing this issue after upgrading. The app’s code gets compiled with a few warnings, but after opening it in the browser, it just shows a blank white screen. Nothing moves further. Following is ...
Harsh Lathiya's user avatar
-1 votes
0 answers
55 views

Ignore debugging in the product [duplicate]

I'm working with Angular, and it's really annoying to have to remove each piece of code during debugging. I found a similar topic here, but the answer seems to be temporary. I want something similar ...
DucHo's user avatar
  • 32

1
2 3 4 5
6036