Category "angular"

Angular + FontAwesome: specify using a class

I'm working in Angular 11 with FontAwesome, and there's a context where I'd like to specify an icon by specifying a class attribute on an html element, after th

Type AbstractControl is not assignable to type FormGroup

I have a FormGroup with FormArray control filled with FormGroup instances someForm = this.fb.group({ days: this.fb.array([ this.fb.group({ d

Programmatically select mat-tab in Angular 2 material using mat-tab-group

How can I select a specific tab when an event occurs? I tried with [selectedIndex]="selectedTab" changing the selectedTab to the tab index needed but it doesn

a problem with showing PDF in window in IE

I'm having a problem with PDF showing in front of the properties panel in IE but not in Chrome. in IE in Chrome tried using z-index but had no success using ang

Why doesn't Angular recognize the environment "qa" I add in configuration when I run the command "npm run qa:ssr"?

//angular.json "serve-ssr": { "builder": "@nguniversal/builders:ssr-dev-server", "options": { "browserTarget": "

Angular 5 - how to limit change detection only to component scope?

How to configure Angular component not to trigger change detection for the whole application but only for the component itself and his children? Working exampl

Angular e2e - should render title in a h1 tag

I am developing my own website. I am new to Angular and just based on learing and online posts, I started developing my website. While running tests, I faced an

How to make html table columns resizable?

I have a fairly standard bootstrap-styled <table>. I want to make columns of this table resizable, e.g. by click-and-dragging right border of <th> e

Angular 7 error RangeError: Maximum call stack size exceeded

I am trying to learn angular by following the official tutorial but when following steps for hero component and hero detail component, it raises an error "Range

http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass

I have a problem that I can't seem to figure out. I want to send a http params request from my Angular client to server using below code but I am getting except

Angular 2 - [(ngModel)] not updating after [value] changes

I'm setting the the value of an input calculating two other ngModels, and that seems to be working fine. But if I inspect my ngModel, it doesn't change at all.

How to declare an interface above an angular component?

I have a component with a method that receives values from a form. I would like to describe the form data with an interface. However, at runtime (ng serve), th

Heroku: Cannot Get / issue for a Node project that works locally

I could really use some help on an old app I started working on a long time ago when I was first teaching myself JS. It has kind of turned into a labor of love

Angular 6 Error handling - how to display error in modal?

I'm trying to display errors in a modal dialog but I'm a total Angular newbie and I'm stuck. The project already uses bootstrap so I've tried using NgbModal:

How to use deep-equal (Angular 7)

Auto import by VS Code: import deepEqual = require('deep-equal'); Doesn't work: error TS1202: Import assignment cannot be used when targeting ECMAScrip

How to open and close Angular mat menu on hover

This question is in reference to this Github issue, with mat-menu which can't be toggled using mouse hover, I am basically trying to replace a bootstrap based h

Subscribing to route params is not working

I have a page /news with parameter page. For example: /news;page=2. I don't want to reinitialize news page when page is changed. I just want to subscribe to pag

I'm new to Angular, I'm trying to figure out where I'm wrong

I keep getting this error and I'm not sure what to do?[1] [1]: https://i.stack.imgur.com/mQ3Xo.png

Move focus to next control on key Enter

I have found some project on Angular 1.x where user can move focus to next control by pressing Enter key. 'use strict'; app.directive('setTabEnter', function

Fucntion not working inside razorpay ondismiss callback in Angular 12

I have a function inside ondissmiss callback options.modal.ondismiss = () => { console.log("its working"); this.detectChanges(); this.isPaying = false