Category "angular"

Angular 2 service data can't assign to variable in constructor

In my Angular 2 application's constructor i need to assign service function returning data to a public variable and show in html view. Console log works well bu

Test angular component @Output using Storybook and Cypress

I am trying to test the output of an angular component. I have a checkbox component that output its value using an EventEmitter. The checkbox component is wrapp

Micro frontend architecture advice [closed]

We have several web applications that we wish to present under one single page application. We are looking for a micro-frontend architecture/f

Angular Material 2 table server-side pagination

I am trying to Achieve Angular Material 2, MatPaginator server side paging. How can I achieve that? Below is the code example: <div class="example-contai

NPM Install Error:Unexpected end of JSON input while parsing near '...nt-webpack-plugin":"0'

When creating a new Angular 5 project: node version: 8.9.2 npm version: 5.5.1 My Command is: npm install -g @angular/cli The Error is: npm ERR! **Unexpected en

How to Compress JSON data in angular 4 app using gzip compression & send it to server using Http post?

I am using pako library for compression: var binaryString = pako.gzip(data); At server side (.net core) i am using middleware to decomopress the zipped stri

Sorting not getting happened in angular material

I'm trying to add the sorting feature for the mat-table with angular material. I had got the hand cursor over my columns, When I clicked I'm unable to see it's

Why Interceptor not working with capacitor-community/http?

My problem is that my interceptors not working with library capacitor-community/http. I develop my app in Ionic and how can you see I provide interceptor in mod

How to disable a text area or mat-form-field

I am using Angular (4) + Angular Material and Reactive Forms for my Form Field. How can I disable that? I tried to google for things like disabled="true" or som

Cannot center the modal window from angular material

It is crazy but the following code: import { Component, Inject } from '@angular/core'; import { MatDialog, MatDialogRef, MatDialogConfig, MAT_DIALOG_DATA } from

how to integrated riot.js with Angular 9

I am working on a project with Angular Framework and I need to integrate another project written in Riot.js. And this is really hard for me. I hope to receive h

How to display Angular9 change detection process in browser?

I have a complex component with many @Input() and async process. I want to optimize the component, thus intend to analyze Angular4 change detection cycle upon m

Angular AOT compiler can't find project-relative paths within components

I'm in the (painful) process of AOT-ing an app I've been making, but have hit a bit of a hurdle when it comes to specifying URL's for the components. Works in A

Why ngOnChanges() does not trigger when @Input() update the data Angular 8?

parent.component.html <parent-comp [data]="mydata"> </parent-comp> parent.component.ts this.service.abc$ .takeUntil(this.ngUnsubscribe.asOb

Single page application page refresh

In Single page application like web application using Angular 2, we manage the navigation to different pages using routes. But when page is refreshed in browser

Preventing Angular from running when accessing static files with no extension

I have an Ionic/Angular PWA for a project, which has a native (Ionic Cordova) app as well for mobile. On the app we need to accept deeplinks that will have the

ng-select dropdown behind other elements

I use ng-select with Angular 4 and Bootstrap 4. The dropdown menu goes behind my datepicker (ng-bootstrap). I do not know how to solve this problem.

Ng add @nrwl/workspace throws Cannot read property 'paths' of undefined

I just make a project with the angular cli and then run the command "ng add @nrwl/workspace" to change it to a nrwl workspace. But I am getting the following er

Angular Material: making a mat-card fill an entire mat-grid-tile

I want to use mat-grid-list to create a grid list layout in which each mat-grid-tile contains a mat-card that fills the entire tile regardless of the card's con

Angular 4 - Select default value in dropdown [Reactive Forms]

In Angular 4, I have the following configuration defined in a json config file. countries: ['USA', 'UK', 'Canada']; default: 'UK' I need to display these i