For questions regarding programming in Angular specific to version 12. Please include all relevant tags on your question; e.g.,[Angular], [TypeScript], etc.
Questions tagged [angular12]
664 questions
0
votes
1 answer
Angular 12: Event emitter is undefined
I am learning Angular (version 12.0.1, TypeScript 4.3.4) and cannot figure out why this event emitter is undefined. Any ideas?
The error message I get: ERROR TypeError: this.gameClick is undefined
.ts file:
import { Component, OnInit, Output,…
пaean
- 61
- 8
0
votes
1 answer
Is there a way i can position Snackbar inside @ngmodule?
I'm using snackbar in multiple components so i decided to set duration in main module and i want to add position as top
Here is my app.module.ts
import { MatSnackBar, MatSnackBarVerticalPosition, MAT_SNACK_BAR_DEFAULT_OPTIONS } from…
user13825258
0
votes
1 answer
"TSLint still there" => upgrading from TSlint to ESLint
I'm working on angular 10 project, which was upgraded to angular 12. TSLint is no longer used in angular 12, but since that project was upgraded to angular 12, it still has tslint.json and its packages. How do I remove it? The project uses prettier…
nop
- 4,711
- 6
- 32
- 93
0
votes
0 answers
Angular 12: " NgModule.schemas must be an array.Value could not be determined statically."
ERROR Message
'app-CommodityList' is not a known element:
If 'app-CommodityList' is an Angular component, then verify that it is part of this module.
If 'app-CommodityList' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the…
user13825258
0
votes
2 answers
Draggable events into a FullCalendar
I'm using PrimeNG and I want to accomplish draggable events into a calendar in Angular, just like in the demo here. This is the live demo. The problem is that the example is in Vanilla JS and angular needs it on typescript.
I created a StackBlitz…
nop
- 4,711
- 6
- 32
- 93
0
votes
1 answer
Angular12 - Issues in bootstrap dropdown
I am trying this sample bootstrap dropdown code. There is no error but my dropdown is not working
I have installed jquery-popper, jquery and bootstrap 5
0
votes
1 answer
Angular: Problem accessing array of objects in *ngFor loop while string interpolation displays data in html but with error ctx is undefined in console
.HTML FILE
Available Vaccines:
{{ vaccinationData?.sessions[0]?.center_id}} // This displays data on html with //ctx.vaccinationData.sessions is undefined
Mayank Sati
- 15
- 3
0
votes
2 answers
Updated angular project to version 12 from 9. After that module using Plotly.js is not working
this is my app module file
all bits and pieces are at the same place as mentioned in document
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import * as PlotlyJS from 'plotly.js-dist';
import {…
Dewanshu
- 532
- 2
- 16
0
votes
2 answers
I am installing Angular12 and i am experiencing the below errs pls what can i do. does it have to do with the window version?
- Installing packages (npm)...npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: youtube@0.0.0
npm ERR! Found: @angular/compiler-cli@12.2.0-next.1
npm ERR!…
0
votes
1 answer
Error: The target entry-point "ng-particles" has missing dependencies: - tsparticles
I installed ng-particles and tsparticles.
But when i run ng serve command,it give error like this.
⠋ Generating browser application bundles (phase:…
hanushi
- 119
- 6
- 14
0
votes
1 answer
How to use ngClass on many elements with variable in ts
I have a variable in my ts file that toggles when a button is clicked:
expanded: boolean = false;
expandStuff() {
this.expanded = !this.expanded;
}
I have a few divs that I want this toggle to affect and change the class of the div. So I…
Ree
- 863
- 2
- 18
- 38
0
votes
1 answer
How to edit table row only when edit is clicked in template-driven form Angular 12?
I have my table that is editable by clicking on a hyperlink and a button to save the updated data. I click edit and what I want to happen is for the row on which the edit link is clicked on that row will be the one that is editable. Right now my…
Marco Antonio Martinez
- 27
- 1
- 7
0
votes
0 answers
angular 12 decode jwt token with this.userService.getUser(this.authService.decodedToken.nameid)
Hi before angular 12 I use this.userService.getUser(this.authService.decodedToken.nameid) but in angular 12 my token wasn’t decoded what can I do
I have user.service.ts file (
updateUser(id: number, user: User) {
return this.http.put(this.baseUrl…
Mostafa Bazyar
- 1
- 1
0
votes
0 answers
How to display socket result as string not object in Angular
I am following this tutorial https://blog.briebug.com/blog/making-use-of-websockets-in-angular and it all works. However, the result is always [object Object] and I cannot figure out how to get the string value of what I sent displayed.
This is how…
Ree
- 863
- 2
- 18
- 38
0
votes
1 answer
Angular 12 Build Issue - FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
Getting below build error after angular upgrade to 12.
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
I have increased the --max_old_space_size to 8192 but still getting the same issue while…
Seshu Vuggina
- 725
- 1
- 8
- 16