All Questions
3,870 questions
0
votes
0
answers
11
views
I have a problem with using the Leaflet features in my Angular component
i want to use leaflet in my project with all of this library features.
this is my code which shows the map with distance feature but draw and easyprint features does not work and there is no anything ...
1
vote
1
answer
43
views
How to Securely Apply a Blur Effect to Images in an Angular App to Prevent User Manipulation? [closed]
I'm working on an Angular application where the images displayed contain sensitive information, and I want to apply a blur effect to these images. However, I don't want users to be able to inspect the ...
0
votes
0
answers
55
views
Spring Boot Angular18 Uploading Photo
Hey Guys I'm trying to do Full-stack website by myself actually ı'm spring developer and ı try to learn angular let's have a look my problem my code is working but it is very slow ı upload photo the ...
0
votes
1
answer
52
views
Form validation does not update errors Reactive Forms Angular
The email field is required and when filling it in, errors continue to appear in the field.
https://stackblitz.com/~/github.com/leandrolopes13/myapp
this.dataForm = this.formBuilder.group({
...
2
votes
1
answer
50
views
SlideChange(Swiper) event is not functional
I have the following situation: I'm trying to use the Swiper library to change pictures as a carousel.
I'm using Angular 16(I will soon upgrade to v18) and the latest version of Swiper, when selecting ...
1
vote
1
answer
28
views
NG8001: 'router-outlet' is not a known element:
i was having a problem at first I was trying to log in to connect with main when I logged in, but while I moved, I asked for help pro gpt and now an error appeared that I could not solve in any way, ...
1
vote
1
answer
34
views
unable to send data from parent component to child component showing child component is not known element
i am trying to send data from one component to another using selector of another component but unable to send that data showing below error
NG8002: Can't bind to 'myCounter' since it isn't a known ...
1
vote
0
answers
34
views
Unable to Add Proxy in Angular CLI for Custom Configuration
I'm trying to set up a proxy in my Angular project to route specific API calls to a backend server. Here's the command I'm using to run the Angular application:
ng serve --proxy-config proxy.conf.json ...
0
votes
0
answers
25
views
Json result returning as empty [duplicate]
I wrote a method to get the stringified json as output but since it was blocking the UI i wrote this inside a timeout.
now i'm getting the result as empty in UI.
i want the json to show up without ...
0
votes
0
answers
78
views
I cant manage to track Single Page Apps (Angular) with Google Tag Manager
Hi I have setup Google Tag Manager and added the script in the index file following the instructions and I added the AngulariticsModule, Angularitics2GoogleTagManager.
But when I go to Google Tag ...
1
vote
0
answers
64
views
Issue While Navigation in the Angular application
this.router.navigate(['/d/admin', this.uuid], {
state: { username: this.user.username },
});
I'm using like this to navigate in angular project but the issue that i'm facing is ...
0
votes
1
answer
54
views
Open product detail in a new tab with right-click option
I'm trying to implement a card component in Angular that shows product
information. When I right-click on a card, I want to see the option to
open the detail page in a new tab. However, currently, ...
0
votes
0
answers
16
views
Angular multilanguage route for default language
I'm building an angular website with SSR support and multilanguage. I'm building an EN, FR and DE version.
Everything works but I was wondering if I can make the default language (en in my case) have ...
1
vote
1
answer
48
views
Does not update ngModel associated with the check box
<label class="checkiconImg bg-white">
<input type="checkbox"
[(ngModel)]="quoteSupplierCover.isShowInComparisonTool"
/>
<...
0
votes
0
answers
38
views
Loading module from “URL/chunk-TWQM45PI.js” was blocked because of a disallowed MIME type (“text/html”)
I am trying to dockerise an angular application and deploy it to K8's, once I load my page I get these errors for all chunks, these files reside in the same folder as index.html, I am trying with ...
0
votes
1
answer
72
views
Karma Load Error in Angular Tests with --code-coverage: "Error: Found 1 load error"
I'm encountering a persistent "load error" when running Angular tests with --code-coverage. This error only occurs with the command ng test --no-watch --code-coverage; otherwise, running ng ...
1
vote
1
answer
44
views
In angular, ng-repeat breaks the options into options again
My js array is ["standard", "premium"]
When I click on the dropdown option for the first time, it’s showing option as standard and premium. After choosing any one of them the ...
0
votes
0
answers
20
views
Html2canvas is not giving me darker image in angular for a graph image which is rendered on screen
I have a animated chart graph which is represented in my UI Screen whenever i am using Html2Canvas it is capturing the image but in very light way. I have to take that image and put it in a PDF.
const ...
0
votes
1
answer
103
views
How to integrate an Angular 16 application into an existing AngularJS (v1.x) application?
I am working on a project that currently uses AngularJS (v1.x). We want to slowly migrate some parts of it to Angular 16 without doing a complete rewrite at once. Specifically, I want to call a ...
0
votes
0
answers
31
views
I am using search box to search for books in my library management system app built using angular
On the navbar I have a search box for searching books in the app, I am using search button for it so as to show results only when search is clicked. But after the search you have to manually clear the ...
0
votes
1
answer
42
views
Invalid description, no ice-ufrag attribute at level 0 Error
I was trying to implement a sipjs session.
initializeSip() {
const uri = UserAgent.makeURI('sip:[email protected]'); // Replace with your SIP URI
if (!uri) {
throw new Error('Failed to create URI');
...
0
votes
0
answers
31
views
AngularFire: No Provider for Firebase Options Error Using APP_INITIALIZER with AWS Secrets Manager
I'm trying to initialize Firebase in my Angular application by fetching the Firebase config from AWS Secrets Manager before the application starts. I've set up the initialization using APP_INITIALIZER ...
1
vote
1
answer
101
views
Consuming an Angular Element (Ang 18) in AngularJS getting 404 error
I am trying to do an Angular upgrade slowly, last resort, by having Angular 18 "angular elements" (web components) using those Angular 18 web components inside an AngularJS (1.8.3) site. ...
0
votes
0
answers
41
views
How Well Should Interface Definition Match Database Table?
Would love an answer from an Angular ninja. I have a basic interface definition:
export interface Lot {
LOT_ID: Number
LOT_LOC_ID: Number
LOT_TITLE: String
LOT_DATE_INSERTED: Date
}
I can ...
0
votes
1
answer
25
views
Having issues trying to add a new page/component to a angular system
Hi this is my first time doing maintence in a angular system and trying to build things on it and im trying to add a new page to the system to implement some bots on it that part its not that ...
1
vote
0
answers
478
views
Creating a development server in Angular has error :TS2502
I have created a angular application with the following versions.
Angular CLI: 14.2.13
Node: 16.20.2
Package Manager: npm 8.19.4
When I created a new angular project.
And run the project as ...
0
votes
0
answers
64
views
How to validate all dropped components using ngx-drag-drop with Angular forms?
I am using the ngx-drag-drop library in my Angular project. Each dropped item represents a component, and each component can have multiple child components, all of which are using Angular reactive ...
0
votes
0
answers
64
views
How to add the angular component Inside GrapesJS Block
WebBuilderComponent
export class WebBuilderComponent implements OnInit {
@ViewChild('editor', { static: true }) editorRef!: ElementRef;
constructor(@Inject(PLATFORM_ID) private platformId: Object)...
0
votes
0
answers
50
views
How to get dynamic rendering in Angular?
Previously, I used to get a build with angular universal as npm run build:ssr. Later, it was requested that each index be accessible separately. I got a build with npm run prerender. Unfortunately, ...
0
votes
0
answers
75
views
ngx-mat-timepicker is not giving same style, I don't know how to add theme styling
I'm following this article: https://dhutaryan.github.io/ngx-mat-timepicker/#/getting-started#theming
I'm getting different type of styling, the circle around the clock is missing and buttons on click ...
0
votes
1
answer
88
views
URI malformed issue from @angular-devkit's dependency library Vite
Just created new angular application (version - 17.3.9) using command ng new url-test-app
then start application using command - npm start
Now I navigate to http://localhost:4200 . It works fine
Then ...
0
votes
0
answers
18
views
How to provide Parameters to controller via $stateprovider.controllerProvider?
I have a custom router where I provide a specific templateUrl and controller via templateProvider and controllerProvider.
$stateProvider
.state('viewProduct', {
url: '/product/id',
...
2
votes
1
answer
40
views
Getting ERROR Error: Uncaught (in promise): NullInjectorError: No provider for eF, when I hit the route whose component uses the service
I am getting NullInjectorError error when I am trying to use a service in my angular app. Below are my app.module.ts, admin.service.ts, angular.json(I have made a few changes to the default configs ...
2
votes
1
answer
55
views
How to maintain query params when redirecting in Angular RoutingModule with redirectTo?
Summary
I want to redirect in my Angular RoutingModule from one path to another while maintaining the query params. However, when the redirect completes, the query params are not present anymore.
The ...
0
votes
2
answers
158
views
Angular ng build transpile TypeScript outside of app folders?
My hobby site that I'm trying to migrate to Angular has a bunch of standalone JS code (ESM modules) in it that is just sat in the default public assets directory, and as such it's automatically copied ...
0
votes
1
answer
133
views
Acquire token silent using MSAL v1 not working in my ANGULAR JS application
I am working on ANGULAR JS application with MSAL v1, how can i achieve to get token using acquire token silent ,in my enterprise system third party cookies are blocked in chrome
i tried using MSAL v2 ...
0
votes
1
answer
67
views
Trying to assert a date format in Cypress that has white space
I am trying to write an assertion in my Cypress test that checks that the date format is mm/dd/yyyy.
Right now, the assertion is failing and I think it's because there is white space at the start and ...
0
votes
0
answers
49
views
Angular Nested CDK Drag and Drop responsiveness issue
I have been scrapping together as much as I could trying to get this to work from everywhere on the internet but I have reached a point where I just don't know how to proceed. I am using Angular 18 ...
0
votes
2
answers
129
views
Angular textarea does not update data on time but the console shows it correctly
I use service socket.io to emit and receive data. When the send button is clicked it emits data and shows "FENEmitInfo" then receives the data and shows "FENSocketioGetCnt" and &...
1
vote
1
answer
41
views
How to correctly calculate canvas coordinates when scale is applied?
I am working on a canvas application and I want to add a zoom feature. However, I am struggling to draw pixels after any zoom thats greater than 1 is applied.
It just draws the pixel on the place, ...
2
votes
2
answers
77
views
Angular Front-end editing picture problem
So i am currently working on a web application that i can add user which has name last name age born date and a picture .And after i create a user i can delete and edit it . My problem is when i ...
0
votes
1
answer
38
views
How to Locate and Customize the OAuth Implicit Flow Redirect Screen?
I am working on a project where an Angular app uses OAuth with an implicit flow. I need to find and possibly customize the screen displayed after the implicit flow redirects. The configuration is set ...
1
vote
1
answer
44
views
I tried both ng serve and ionic serve commands, running my ionic Angular project, I am facing the error "ionic :The term 'ionic' is not recognised
ionic serve error :
ng serve error:
PS E:\sss> ng serve
Error: This command is not available when running the Angular CLI outside a workspace.
PS E:\sss> ionic serve
ionic : The term 'ionic' is ...
1
vote
0
answers
94
views
Cannot find module '@angular/core/testing' from 'node_modules/jest-preset-angular/build/config/setup-jest.js'
Upgrading from angular 12 to angular 16. In the process 100% of my tests seem to be failing. All the errors seem to signify a missing node module. I am not sure what I am missing. Any help is ...
0
votes
1
answer
64
views
angular 13 SSR, assign a value to a property in onInit, causes ngOnInit() to be called multiple times
In app.component.ts, I assign a value to a property in onInit, and it used in html.
data:any = [];
ngOnInit() {
this.service.getData().subscribe(res => this.data = res);
}
Any idea why ...
1
vote
1
answer
340
views
Angular JS to Angular 18 migration
I'm trying to create a hybrid Angular JS Angular 18 application, and at first the application was running fine with this setup:
upgrade-module.ts
import { DoBootstrap, NgModule } from '@angular/core';
...
0
votes
0
answers
61
views
How to create a carousel of text pages?
Using Angular js I want to create a carousel of texts and picture like this:
Name: Jimmy Age: 25
Hobby: Swimming Height: 175cm
etc... etc....
Photo: ...
0
votes
1
answer
90
views
How to Synchronize mat-paginator Page Sizes?
I'm attempting to synchronize the page sizes of multiple mat-paginators that are nested across multiple child components.
I'm using a shared service to store the "global" page size.
However, ...
1
vote
2
answers
1k
views
Angular 17 with Angular-Datatables: Unable to Re-render DataTable
I'm working on an Angular 17 application using Angular-Datatables, and I'm having trouble re-rendering the DataTable when updating the data after a search. Below is the relevant code for my component:
...
0
votes
0
answers
36
views
using CSS-Loader, Style-Loader with ngtools is generating TypeError: at ShadowCss.shimCssText (compiler.mjs)
`I am creating Angular V-18 project without CLI and but i cannot find the solution for this one
my package.json
my tsconfig.json
webpack.config.mjs
const __filename = fileURLToPath(import.meta.url); ...