Category "angular"

Error: There are no form controls registered with this group yet. If you're using ngModel,you may want to check next tick (e.g. use setTimeout)

I am using template driven form and am trying to set the value of the form elements based on some object properties, however i face the following on doing so.

can i build a component which interacts with backend using angular elements? [closed]

I'm currently building a quiz app which uses a component to create a widget using which we can embed to a 3rd party website. This widget GETs

NullInjectorError: No provider for StateObservable when using ng-packagr

I have an Angular 5 project that uses ngrx/store. The project consists of an application and a shared library that the application uses. Up until today, we had

Angular Client Side Pagination

I am pulling an array of data from database and displaying it with a simple table.What i am trying to do is adding a pagination feature to this table.For exampl

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