formbuilder | Drop-in form builder written in JavaScript | Form library

I am doing edit page in my project, so for default value i want to have data that was sent by server, i am trying to set default value from their docs but it doesnt work, what am i doing wrong?

here is my stackblitz

.ts

The inputs for username and password are not displayed until I click somewhere. Either on the login button or wherever on the above buttons.

before I click:

after I click:

Angular : 13

log-in.component.html

I had a fully functioning code in Angular 8. I decided to upgrade from 8 to Angular 12.

I have a dynamic reactive form. The form is of question answer format. Based on who is login in the questions change. The answer is of Yes/No format. Based on who is login in and what answer option is chosen textbox dropdown and checkbox or all the there mentioned appreas.

Here is my code for the form

Component.ts

So I have this requirement, I am trying to submit a form which consists of five records in the form of table. This is what it looks like table:

This is the corresponding code:

I'm getting a problem with 'controls'enter image description here enter image description here "Object is possibly 'null'.ngtsc(2531)" and "Element implicitly has an 'any' type because type 'AbstractControl' has no index signature. Did you mean to call 'get'?ngtsc(7052)"

you can get an idea from this site https://csharp-video-tutorials.blogspot.com/2018/10/angular-dynamic-forms-tutorial.html what I want to do! I want to use formArray to check the validation. You can see below the picture whole hour input are displayed validation error. Because I didn't use formArray. when I implemented formArray It will get an error on this spot.

in the beginning I used this => *ngFor="let skill of employeeForm.get('skills').controls; let i = index" but the controls word is shown as an error!!!

.HTML

I have 3 dropdowns for country,state,city in angular. I have used ng-select module for those dowpdowns from reference here. On country change states populates, and on state change city populate.

template HTML

Note: I think I was able to to reproduce this (see stackblitz example). The error there is printed in the console as "INTERNAL ASSERTION FAILED: Expected a class definition". This is different to what I get locally but to me this looks like the same issue.

Anyway, just comment out line 15 in app.component.ts and the error will disappear.

I am trying to get started with Firebase but when I install & compile the Angular project I am getting the following error:

Module not found: Error: Package path ./compat is not exported from package /home/sfalk/workspaces/web-mobile/node_modules/firebase (see exports field in /home/sfalk/workspaces/web-mobile/node_modules/firebase/package.json)

The interesting thing is that I am only getting this error when I am injecting my AuthService e.g. like this:

I've got a reactive form that I'm initializing oninit() like this, along with a couple other properties I'm using to grab the passed id out of the URL and tell whether or not the form is being used to update, or create a new entry in a mysql table. The issue I'm having is in using patchValue to pass the data returned from my service into my form:

component.ts

I was checking this documentation...

https://material.angular.io/cdk/clipboard/examples

Is there some example explaining how to paste inside some text of the last current (maybe starting, or middle) position inside of TextArea (after of lost focus event).

I was trying with this simple response: https://stackoverflow.com/a/58356806/5113188