Category "angular"

How to make Angular Material mat-select select list width automatic and adapt to the widest option?

Problem I have a Angular 6.1.10 web app. I want the width of the mat-select list options to be automatic and adapt to the widest option in the options list. See

Grid Item on gridster2 doesn't show

I'm using gridster2 to create a table plan for a reservation project. I've created a sample dashboard but when I run the project it only shows the grid not the

Angular 12 Getting Id of Selected Product

I want to get the id value of the selected product in my Angular 12 project, I used NgModule for this, but unfortunately it does not work. What is the reason fo

Property 'map' does not exist on type 'Observable<Response>'

I am trying to call an API from Angular but am getting this error: Property 'map' does not exist on type 'Observable<Response>' The answers from this si

Angular directive - Only digits and 2 decimals with comma separated

I need to allow to only write in an input numbers and optionally 1 comma and 2 decimals. Example of right inputs: 123 123,22 I've tried this directive I fou

Audio not playing in Angular 7

I'm doing a big Angular 7 project for myself and I want some background music in it. So I use this: <audio id="audio" *ngIf="ship.dock != true" autoplay="t

How do I pass data to Angular routed components?

In one of my Angular 2 routes's templates (FirstComponent) I have a button first.component.html <div class="button" click="routeWithData()">Pass data an

Angular youtube player not displaying videos when app is deployed

guys! Ran into interesting behaviour when using angular youtube player(ngx-youtube-player ). The video displays perfectly fine when app is running on localhost,

How to use scrollStrategy in MatDialog?

I tried to make a scroll for a dialog in reposition strategy, but it doesn't work for me. const scrollStrategy = this.overlay.scrollStrategies.reposition(); co

*ngIf not working as expected with observable

So I have these 2 buttons: <a class="router-link nav-item" routerLink="/login" *ngIf="!isLoggedIn$ | async"> Login </a> <a class="router-link

How to use scrollStrategy in MatDialog?

I tried to make a scroll for a dialog in reposition strategy, but it doesn't work for me. const scrollStrategy = this.overlay.scrollStrategies.reposition(); co

Change Multiple CSS property from multiple CSS class dynamically in Angular

In angular, we can easily change the property of a CSS class dynamically, like if I have a class .my-class { background: url('..') } and if I used my-class a

Is it possible to add observables to a combineLatest (or similar) at run time?

I have this use case. A component should NOT be visible when from a list of Boolean observables one of those is true. That is the easy part, for this, I have my

Angular2 - Store Images in Browser cache as Key-value pair form

I'm working in Angular2. In my app, I've to load excessive amount of images. But instead of loading those images for every reload, I want to put those images i

Error: Cannot find module 'webpack' when running npm start on angular 2 webpack starter

I have cloned from here: https://github.com/AngularClass/angular2-webpack-starter Installed, with some warnings: npm install typings webpack-dev-server rimra

Adding content in file in specific place with node js (Like Angular Cli Modify app.module file)

I got the idea that node js its not just for web application for example I can create a console application with node (cli) . and already I have an interest in

ngx-useful-swiper setup in Angular 8 gives error

I followed this guide to set up swiper slider in my Angular 8 application. I get the below error when importing NgxUsefulSwiperModule into app.module.ts ERROR i

How to set global configuration for angular-cli?

I would like to make my ng serve command default with liveReload = false. I tried ng config --global serve.options.liveReload false but I got an Invalid Path e

PrimeNg Calendar: Default time for selecting start date with time - should be start of day time that is 00:00:00

I am using PrimeNg calendar widget with 2 fields that is startDate and endDate. Currently when selecting startDate, It is showing the selected date with curren

Failed at the @angular/[email protected] postinstall script

Hi I can't install the angular cli with npm install -g @angular/[email protected]. I keep getting this : > node ./bin/postinstall/script.js module.js:549 thr