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,090
questions
0
votes
0
answers
5
views
Why is my bootstrap carrousel not loading on Angular 17 SSR?
I'm using bootstrap, I copy the snippet from the bootstrap page, and I made a little modification to use @for because my imagen came from a service.
I leave you my code:
<div class="contenedor&...
- 123
-1
votes
1
answer
16
views
How to create drop down searchable component with auto select in Angular?
I am creating an input field which is autocompleting the remaining part of text inside the input field and also showing suggestions below the input field in select options. Now I want that while ...
- 87
-1
votes
0
answers
13
views
Unexpected behavior with FormArray and Observable in Angular
I have an Angular component which should just show a list of checkboxes dynamically. They are packed in a FormArray populated with data retrieved from the subscription to an Observable. I also have an ...
0
votes
0
answers
10
views
Make Angular checkbox halo / ripple disappear after mouse out?
Angular checkbox onclick to make it deselected, the halo is not disappearing after mouse out. How can I make it disappear?
as seen at, uncheck and the halo remains after I move the mouse away.
https:/...
- 4,030
0
votes
0
answers
11
views
Error while upgrading Angular from version 10 to 17: Namespace has no exported member
I'm currently in the process of upgrading an Angular application from version 10 to version 17. While converting from Angular 10 to Angular 11.2.9, I encountered the following error messages:
Error: ...
- 724
0
votes
0
answers
13
views
Translations not working in builds with ivy
I have some old non-cli based Angular 9 project which I am to gradually upgrade to new versions. I just finished upgrading it to Angular 10 but with ivy disabled. The current task I am working on is ...
- 1,062
0
votes
0
answers
16
views
Access nested formArray in html in angular 14
I have one formGroup name addDocument in it there one fromarray name scholarshipArray and I have added six formGroup inside it , and each formGroup have one formArray name examDetail and inside it ...
0
votes
0
answers
8
views
Botframework-webchat-Getiing window.WebChat.createStore is not a function
I have a microsoft bot framework project hosted on azure bot service which i use in my angular project.
My task is to remove the dependancy of azure service so that i can host the bot framework ...
0
votes
1
answer
23
views
Autofill and matching text in options field in Angular
I am creating an input field which is autocompleting the remaining part of text inside the input field and also showing suggestions below the input field in select options. Now I want that while ...
1
vote
1
answer
35
views
new template syntax: if(first) inside for is not working
I want to use the new @for syntax together with @empty to either show the user a table or some text telling there is no data.
With ngFor I usually checked the length of the data array. If not empty:
...
- 743
0
votes
0
answers
22
views
Angular 17 NullInjectorError: No provider for InjectionToken auth0.client
I am working on an Angular project and getting a NullInjectorError as soon as I add Auth0 to a standalone component. The full error message is:
[vite] Internal server error: R3InjectorError(Standalone[...
- 198
0
votes
0
answers
11
views
Hosting no longer an option on Angular Fire 18
When I add the Angular Fire 18 package to an Angular 18 project, the option to setup hosting isn't there. How do I setup hosting now? Typing ng deploy doesn't work.
It says I need to enter 220 ...
1
vote
1
answer
13
views
AngularFire read a Firestore document only once
Using Angular 17 and AngularFire 17, what is the best method for simply getting document data, just once, from a Firestore record?
I can get it with the following but this seems overkill as I assume I ...
- 4,117
2
votes
1
answer
24
views
Angular: cdk-virtual-scroll-viewport- scrollWindow attribute not working in angular ssr (universal), giving error- document is not defined
On using cdk-virtual-scroll-viewport in Angular SSR app and adding scrollWindow attribute, I am getting the following error:-
document is not defined
at _CdkVirtualScrollableWindow (...\...
- 307
0
votes
1
answer
34
views
Is it possible to render Angular component dynamically using Selectors?
`Is it possible to render an Angular component dynamically? For example, I have component selector names in my .ts file. When I bind the variable in the .html file using interpolation and innerHTML, ...
1
vote
1
answer
22
views
Angular-Slickgrid in angular version 18
I am trying to configuring Angular-Slickgrid in Angular version 18.0.0 by following Angular-Slickgrid documentation. But I am getting an error in chrome browser saying
NullInjectorError: No provider ...
- 11
0
votes
0
answers
20
views
ASP.NET Core 8 Web API: non-descriptive 500 Internal Server Error [closed]
I am getting http 500 internal server error while calling Web API method from Angular UI:
This is my base Url: "https://localhost:44313/api"
This is my service call:
export class ...
- 171
1
vote
2
answers
18
views
How to convert a file to format accepted by PrimeNG file uploader?
I am using angular with primeng.
I have the following scenario:
I receive an image from an api, that in turn I want to push into the files array of the primeng file uploader to populate it with my ...
- 57
-1
votes
0
answers
21
views
How can I fetch the website ssl certificate in angular and use it yo prevent man in the middle attack?
There is an SSL certificate uploaded to the website via Azure.
As a frontend Angular client, I have hardcoded SHA values in my code for validation.
The problem is to fetch the certificate from browser ...
0
votes
0
answers
17
views
Maximum call stack size exceeded error with ag-grid-community
ERROR RangeError: Maximum call stack size exceeded with ag-grid-community
package.json dependencies
"@angular/animations": "^15.2.10",
"@angular/cdk": "^...
1
vote
1
answer
12
views
Apache Echarts - Customizing nodes shape and values on node hovering for network graph in Echarts
I have two questions on customizing nodes and edges of echarts network graph :-
How can we change the shape of node from circular to square ?
How can we display custom data on hovering of nodes and ...
- 65
1
vote
1
answer
33
views
How do we add a dropdown on click of a custom button in Full Calendar
I am working on a project using FullCalendar, and I need to add a dropdown menu that appears when a custom button in the header is clicked. I've successfully added the custom button, but I'm ...
- 41
1
vote
1
answer
19
views
Custom type in angular formly
I'm struggling to find solution for several days, without success.
I'm using Angular Formly, Angular Material and Angular 17 for making mat-select as custom type. When I'm using the mat-select control ...
- 31
0
votes
1
answer
18
views
Error: This command is not available when running the Angular CLI inside a workspace
How to get the error "Error: This command is not available when running the Angular CLI inside a workspace." out of nowhere in my angular project, I can no longer use "ng n c" only ...
0
votes
0
answers
14
views
Angular 17 es build success but not create file on dist folder
i used angular 17.3.7
my config in build.development : enter image description here
my config in serve enter image description here
build with ng build success and create file on dist folder
build ...
- 1
0
votes
0
answers
7
views
my app.server.module have error this line import { ModuleMapLoaderModule } from '@nguniversal/module-map-ngfactory-loader'; Why?
I Created ASP.NET Core with Angular Project in the visual studio 2022. So no codes edited but below line have error called Cannot find module '@nguniversal/module-map-ngfactory-loader' or its ...
- 1
0
votes
0
answers
12
views
Angular CORS Filter error consuming java web services (jakarta.ws.rs), I'm stuck... I don't know what else to validate
Here is my web.xml configuration file...
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="https://jakarta.ee/xml/ns/jakartaee"
xmlns:xsi="http://...
0
votes
1
answer
29
views
AG-Grid pagination triggers getRows calls twice
I'm working on an Angular project using the AG-Grid free edition to display data. Since server-side pagination is unavailable in the free edition, I use the infinite row model with pagination instead.
...
- 146
1
vote
1
answer
48
views
Angular 18 public folder asset reference
Problem
After generating a workspace with the new @angular/cli@18 package, I am unable to determine how to reference image assets placed in the /public folder.
This did not seem to be an issue with @...
0
votes
1
answer
16
views
Apply .mat-column-name styles to child component in Angular Material
Child component contains an Angular material table, that is created based on columns passed as input:
<table mat-table>
<ng-container *ngFor="let col of columns" [matColumnDef]=&...
- 479
0
votes
1
answer
21
views
How can I retrieve the full object when adding or editing a task instead of just the ID
I am working on a task management system where tasks have associated contacts and subtasks. When I add or edit a task, the system currently only returns the ID of the contacts and the string values of ...
- 351
0
votes
1
answer
12
views
NG8001: 'fa-icon' is not a known element: after upgrading to Angular 18
After upgrading from Angular 17 to Angular 18, the existing code referencing fa-icon no longer works and produces:
[ERROR] NG8001: 'fa-icon' is not a known element:
I've uninstalled and re-installed ...
- 2,234
0
votes
1
answer
18
views
Which type of injector injects the ViewContainerRef or ElementRef?
I read several articles about the two types of injector hierarchies in Angular - the ElementInjector and the EnvironmentInjector hierarchies, and what type of dependencies they provide, and how when ...
- 8,136
0
votes
3
answers
22
views
In Angular, the child component does not understand the CSS of the parent component
In Angular 17, I have a div with the class wrapper-my
.wrapper-my {
display: flex;
flex-direction: column;
align-items: flex-start;
align-self: stretch
width: 100%
}
.my-class {
width: ...
- 13k
1
vote
1
answer
68
views
Angular Material 18: mat.define-palette() causes "Undefined function" error
After upgrading my Angular core libraries to version 18, I migrated to Angular Material 18 by running:
ng update @angular/material
The update went smoothly but when I tried to compile my app I got the ...
- 3,523
0
votes
2
answers
90
views
Can we use angular 18 on Nx 18.2.0
According to the documentation, the latest version of Nx is 18.2.0, which is compatible with Angular 17.3.0. However, there hasn't been a new Nx release specifically for Angular 18 yet.
Is it possible ...
- 9,022
0
votes
0
answers
8
views
Ngx-Stripe only allows googlePay and applyePay
I'm trying to add express checkout with ngx-stripe to my website with the options buttonType and get an error: 'paypal' does not exist in type 'ButtonTypeOption'.
Im confused because the documentation ...
- 25
0
votes
1
answer
25
views
What is the best way to know what is checked on a form and add a price on it like a POS? [Angular/TS]
What's the best way to do this other than many if statement if i'm going to compute stuff added to a cart or something
Form
acidBody: false
acidGlass: false
asphaltRemoval: false
ceilingDetail: false
...
1
vote
1
answer
30
views
Angular export const is not storing the right object
I am facing a weird issue in my Angular project. I am storing few configurations in environment files and exporting the constants for other modules to consume in the project. However, when I am ...
- 7,440
0
votes
0
answers
10
views
Angular Unit testing: How to pass multiple files through include while running ng test from CLI?
I am using ng test to run my unit tests.
I have a scenario where I need to test mutliple spec files which are in different paths.
I am able to do this using angular.json
"test": {
...
"...
1
vote
1
answer
26
views
How to Receive Updated Values from a Signal into a Angular Route Resolver?
I am working with Angular 17 and using the new Signals API to manage state in my application. I have a service that holds a signal for the browser title, which I want to consume in a route resolver. ...
- 721
0
votes
0
answers
12
views
Roles and User Management - Actions Dropdown not showing for default admin
I was working on a new project using abp.io and angular. Recently, the actions dropdown on Roles and Users management has dissapear both for the default admin role and user. I can see it if I create a ...
0
votes
2
answers
38
views
Where should I write my Validators in Angular 17?
I am using Angular 17, and I need to write some custom validators for my reactive typed forms. I was going to write them in the component where my form is declared, but I know these validators are ...
- 133
0
votes
1
answer
25
views
Is there any way to use the angular form without rxjs?
Currently I see that although angular signals already exist in a stable way, even utilities like forms, http client, etc are still using rxjs for change detection, and I wonder if there is a way to ...
- 117
0
votes
0
answers
20
views
Full Calendar Custom Button - Ellipsis Icon
I am working on an Angular project that uses the FullCalendar library. I need to add a custom button with an ellipsis (three vertical dots) icon to the FullCalendar header using the customButtons ...
- 41
0
votes
0
answers
20
views
Removing beforeEach breaks ionic jasmine tests
Same code, one with beforeEach and the other one without. The second breaks. I want to understand why...
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { LoginPage } from './...
-1
votes
2
answers
27
views
Cross-Origin Request Blocked how do I fix it?
guys. I encountered an error while trying to use the signup form of my site it gives me this error Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at in the ...
-1
votes
0
answers
12
views
Ionic Capacitor Angular
Hai Angular People
would you like to help me
i always face (node:1924) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [Server]. Use emitter....
1
vote
1
answer
22
views
Jasmine test anchor element click without opening tab
In my Angular 17 application, I have some anchor element that has both an href for navigation and a click handler. I'm not worried about testing the href, but I'm trying write a simple "should ...
- 375
0
votes
0
answers
13
views
How to setup Angular "Native Federation" to serve via https in development mode
My regular Angular setup for the "serve" section in angular.json looks like this:
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"...
- 735