Category "angular"

How can I return an Observable with data of other Observables using his return value in the others

I have a project in which I want to return an Observable of Hero object. My heroes have multiple id properties to fetch data from other Observables as a Skill o

Getting error while verifying phone number in firebase (angular project)

I am working on an angular project, where I am adding MultiFactor Authorisation using firebase authentication, I am trying to verify phone number by firebase.au

ngSubmit not working (Following Traversy Media Angular Crash Course)

My ngSubmit is not working. The problem is that I am trying to follow Angular Crash Course this tutorial at 1:30:00 mark he tries to add in onSubmit alert and I

Angular 12: Module Federation- background image in shell app not loaded correctly in host app

I have a child mfe that sets the background image of a div using url() .div-class { background:transparent url(../../../assets/image.gif) no-repeat } This

selectedOptions is not updating on MatselectionList with ngModel

I have MatSelectionList with different Classes. First time when I select classes it will associate student into this classes. This is working fine, but the prob

How to get exact code coverage in sonarcloud for angular

I am trying to produce code coverage report in sonarcloud for angular-12. Could someone help me how to configure azure pipeline for generating correct code cove

How to distinguish two mat-table (Angular UI) in same component

I use two mat-table in the same component and now renderRows() not working for the second table. @ViewChild(MatTable) tagsTable: any; @ViewChild(MatTable) s

How to distinguish two mat-table (Angular UI) in same component

I use two mat-table in the same component and now renderRows() not working for the second table. @ViewChild(MatTable) tagsTable: any; @ViewChild(MatTable) s

Can't use transform: scale() in Angular animation without Experimental Web Platform features enabled - how to fix this for hosted site

This issue is only on Chromium browsers. Whenever I use a style with transform: scale() in an Angular or a css keyframes animation and I do not have the Chrome

How to disable angular detection for assets folder

Am developing an angular application with spring boot as a back end, i wanted to make an upload to a local stockage in my PC. I made a Stockage folder in the as

How to show changelog of Angular PWA

I have an Angular PWA App with angular 13. every works very well. But I thought it would be nice if I show the user a changelog of the new version. But I don&rs

Cannot debug in chrome dev tool when setting on "optimization": true in angular.json

When i set optimizations = true in angular.json, we encounter issues while debugging in chrome devtools and Breakpoints aren't hit , or on the wrong line(s) in

i get the Data just in subscribe bracket [closed]

This is My Code: getTransaction(transactionRef: string){ this.partnerportalService .getTransaction(transactionRef) .subscr

Angular - Error: initial exceeded maximum budget. Budget 5.00 MB was not met by 197.06 kB with a total of 5.19 MB

When I was building my Angular-12 peroject I got this error: Error: initial exceeded maximum budget. Budget 5.00 MB was not met by 197.06 kB with a total of 5.

Dynamic Angular Forms on User Interaction

I have a dropdown that the user uses to switch between different Angular forms. HTML <form [formGroup]="evalForm"> <mat-form-field appearance="fill

How to handle null case in Angular?

This my html code and below in my ts code , <div id="address" class="bg-light rounded mt-3"> <div class="h5 font-weight-bold text-prim

ERROR Error: Cannot find control with name: 'educationDetails'

I am trying to implement Form Array in custom multi-step form using Angular-12. Component: export class ProfileEditComponent implements OnInit { isLinear

set arrow with tooltip of matTooltip angular material

in angular material it provide matTooltip attribute to show tooltip . i want to show arrow with tooltip pointing towards overflow text. but tooltip position is

How to add badge next to icon in ag grid

How do I add a badge to an icon that is being displayed in AG Grid using cell renderer: I've tried this so far in my grid config: cellRenderer: function(context

testing directive with jasmine

I have this directive but Im struggling with the jasmine test for it, any ideas? import { Directive, Output, EventEmitter, HostListener } from '@angular/core';