Category "angular"

RxJS: takeUntil() Angular component's ngOnDestroy()

tl;dr: Basically I want to marry Angular's ngOnDestroy with the Rxjs takeUntil() operator. -- is that possible? I have an Angular component that opens several

Angular - An unhandled exception occurred: spawn UNKNOWN

In Angular-13 project I have a project that has been working very fine. But suddenly, when I did ng serve I got this error: An unhandled exception occurred: spa

How can i set a default selection in PrimeNG Treetable

I want to set the selection with the value i get from Local-Storage. Here is the code: HTML: <p-treeTable [value]="tableDataRow$ | async" [col

popup is not showing on button click

I'm using devextreme components in my angular web app. Now, I'm trying to show a popup, if the user clicks on a toolbar button. I bind the popup visibility to a

How to test Custom Elements / Web Components with Testing-Library, Jest and JSDOM?

I am trying to test an Angular app with testing-library/angular@11 and [email protected] which uses custom-elements quite heavily. Unfortunately I am not quite sure i

Angular: ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked

What's wrong? Getting the following error in console: AboutComponent.html:1 ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed a

Responsive Typography in Angular Material

Trying to figure out how to set font size of mat-tab-label based on screen size (below 400px). I tried putting custom configs in different media queries like t

Error while installing ng-bootstrap in angular v-13

Throwing the below error while trying to install ng-bootstrap in angular version 13 Error : These are the other details respective to the node, npm and os Ang

fa-icon is not a known element in a Reusable Module

Not sure why this is happening on a reusable Module (or what Iv'e got wrong). ERROR Error: Uncaught (in promise): Error: Template parse errors:'fa-icon' i

Should I initialise an Angular service in its constructor or in the ngOnInit method of the app.component?

I'm new to Angular. I have a service that needs to subscribe to a subject provided by another service. If this was a component, I would create the subscription

How to pass class style from parent to child in Angular, and using it in specific element

so I'm using a template that I downloaded of ngx-admin. I'm creating new lib of some simple components such as input with labels and etc. this lib component is

Angular Material MatFormField appearance="fill" theming questions

I have a question dealing with Angular Material theming, specifically the MatFormField directive. Probably around Material v6, I found that the matFormField dir

Angular 9 display number of change detection cycles on the UI? stackblitz inside

I'm trying to build a small dev component that displays only in non-production builds. One of the things that I see useful to keep track of is the number of c

Primeng expandable column headers don't show

I have an expandable row in Angular2 using Primeng2 but the column headers for the expandable columns aren't showing. This is my table with the expandable rows

Angular 2 and browser autofill

I'm implementing login page with Angular reactive forms. Button "login" is disabled if form is invalid. import { Component, OnInit } from '@angular/core'; impo

How to add global style to angular 6/7 library

I was trying to add global styles in the same way like in angular app, but it totally does not work. My libraries' name is example-lib, so I added styles.css to

Angular: ng new error when I create an angular project

I have this error using ng new project_name: An invalid configuration file was found ['angular.json']. Please delete the file before running the command. I am

Angular click debounce

In my template I have a field and two buttons: <div class="btn-plus" (click)="add(1)"> - </div> <div class="txt"> {{ myValue }} </div>

How to get nativeElement from @ViewChild in Ionic 4/Angular7?

I am using Ionic 4's ion-search like so: <ion-searchbar #searchbarElem (ionInput)="getItems($event)" (tap)="handleT

Can't run an Angular 2 Component inside an Angular 1 component in Visual Code

My Index.html is <!doctype html> <html> <head></head> <body> <script src="node_modules/core-js/client/shim.min.js">&