I have tried import firebase from 'firebase/compat/app'; import 'firebase/compat/firestore'; const firestore = firebase.firestore; this.form = this.builder.group({ items:[data.items, null], dateReported:[firestore.FieldValue.serverTimestamp(), Validators.required], ....}) i get this error: ERROR FirebaseError: Function WriteBatch.update() called with invalid data. Unsupported field value: a custom sl object…
Im trying to do something in angular with html css, components and other thigs. The problem is Visual Studio (no code) doesnt autocomplete tags in html, for example in visual studio CODE you type "div" and press tab and the…
I'm working on a web project where I'm using Angular and Laravel. I managed to create a registration form successfully, thus creating users and solving the CORS issue. Now I'm facing a similar problem with the Login part. It's not…
I'm trying to run an angular 17 (node 18) website using Docker and Docker Compose This is the docker file FROM node:18-alpine as build WORKDIR /app RUN npm i -g @angular/cli COPY package*.json ./ RUN npm ci COPY . ./…
html: <mat-form-field appearance="outline"class="inputBox"> <input matInput name="total" placeholder="0.00" [ngModel]="total" (ngModelChange)="handleOnChange('total', $event)" /> </mat-form-field> TS: public handleOnChange = (field, e) => { console.log("hell", field) this.total=90 } the value of this.total should remain constant at 90 after any change event triggers the handleOnChange…
Imagine we have a html structure as follows <div [innerHTML]="contentFromAPI | safeHTML"></div> Now the content from the api would be a string consists of more HTML elements. Making the structure something like this: <div> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p>…
I've deployed an Angular 14 app to an Azure App Service and need to setup re-write rules so that refreshing routes doesn't throw 404 errors. Hitting the site root (index.html) works fine, the app functions normally until you try to…
I have this code in my .ts file: fileUpload(file:UploadedFile){ var imagesource = `data:${file.Type};base64, ${file.Data}`; this.srcPreview = this.sanitizer.bypassSecurityTrustUrl(imagesource); } When an image is first uploaded imagesource always evaluates to "data:image/png;base64, undefined". However, if I add a breakpoint before the end of…
I would like to sort an array of numbers descending with custom sorting based on a number outside or inside the array in one step without splitting or filtering and reunion I using Angular 17 and Rxjs 7.8 For example…
Based on this answer, I managed to put an image as my icon appearing inside an INPUT control at its right edge. If I use a GIF that rotates, I'm all set. I only need to set the class on…