Category "angular"

Angular (latest): How to detect if Component is loaded via Router or Selector?

Assuming I have PageComponent and it's accessible via a Selector and also in the Router as a Route, how can I tell if the Component is loaded via the selector &

Brand new Standalone Angular project failing on Visual Studio 2022 preview

I just choose standalone angular project from the templates, after I give it a name, set the location and press create it gives me this. I checked the visual st

Issues with Angular/Firebase data

I'm sort of new to Angular and I'm working on a small project for an internship. I created the front-end and sending data into the database, but now I'm having

Ngb-xx is not a known element

I am trying to use the ngb bootstrap on my Angular project. Every components on ngb throws me an error My package.json and my app.module.ts Did I do so

getDisplayMedia needs user gesture to execute

in safari i am having problem to execute getDisplayMeDia because it needs user gesture to call the method. how to surpass this steps. how can i call getDisplayM

'ion-header' is not a known element ionic 5

Following are the steps i have taken I created a new project of ionic 5 using ionic start template blank updated angular to angular 9 created a new page module

How to alter styling declared in global style.scss from a child component css and scope it only for that component

I have declared some css styling in global style.css file which is src/style.css in my angular project. In one of my component I want to alter some styling and

How to place an image over iframe using proper css

I am trying to place an image(which is a close button) on iframe at the top-right corner, the iframe and image are loaded from js function in angular, I have pl

Reduce height of mat-flat-button

I have a message board that I want to add delete buttons to, unfortunately the mat-flat-button seems to be doubling the height of the message items. If i set it

Why does ion-radio checked value not get set correctly based on data loaded?

Why does the page load with both radio buttons deselected? colorSchemes is an array with 2 items. <ion-radio-group (ionChange)="radioGroupChange($event)" #ra

What could cause a "TypeError: (0 , d.__decorate) is not a function" of an angular function inside a docker container?

I'm building a web application. The frontend is in angular and the backend in .Net Core. Currently, I'm doing the following, to build my final docker image: Bui

docker-compose up not running app correctly

I'm very new to docker. I have a mean stack app that and have configured the dockerfile for frontend and backend as you can see below. When I run docker-compose

How to set a custom error message to a form in angular

I have the below code in my component: if (form.controls['minRange'].hasError('min')) { form.controls['minRange'].setErrors({ min: true }); } I am

Deprecated compiler module in Angular 13

with Angular 13 I'm seeing deprecations for the usual compiler tools to instantiate an NgModule and Here is my usual go-to code for loading a module contain

How to add horizontal scroll with pinned columns AG Grid - Angular

I have multiple columns groups in my Ag-Grid Column Definitions and in them first one static pinned columns and remaining groups will be calculated based on giv

Angular 13 Property does not exist on type 'FormGroup'

Good evening everyone! I'm having a few issues with Angular lately. I'm new to Angular, so I'm encountering lots of errors here and there. Thankfully, I've got

How to get a certain post, its tags and comments from Wordpress REST API using switchMap and then combine the resulting values using JS?

I am working on an Angular app that needs to fetch a certain post with a given ID, its respective tag names and comments from Wordpress REST API. This applicati

Enlarging Swiper Navigation Buttons

I'm trying to enlarge the arrow of the Navigation of my swiper. I found that it is control by this CSS ".swiper-button-next::after", which is defined in swiper.

Enlarging Swiper Navigation Buttons

I'm trying to enlarge the arrow of the Navigation of my swiper. I found that it is control by this CSS ".swiper-button-next::after", which is defined in swiper.

How can I save the state of a component after navigating to another component in Angular 8

I have 2 components: HomeComponent and CityComponent. They do not have any relationship. After navigating back to the HomeComponent, the state of the CityCompon