ngx-mask | Angular Plugin to make masks | Frontend Framework library

I created a new project in Angular 13. I executed the following command to config typescript-eslint in the project:

I'm updating Angular version from 7 to 8. But when I build it even though I don't use DOCUMENT, it gives me an error. What could it be that I'm not seeing? I looked through all the files but couldn't find DOCUMENT used with '@angular/platform-browser'. I even checked for '@angular/common'.

I'm just using document here but it has nothing to do with '@angular/platform-browser'. Because it uses it from lib.dom.d.ts.

I'm using this library ngx-mask and I'm trying to mask some fields (dates and phone numbers) in Angular 11 with Reactive Forms. Here are two snippets from my code

I am using Angular8 with bootstrap. I have made inputs from a loop array. If there is any validation error for email or fax number, it is throwing validation error. Then, if there is an error for the email field in the first row, if there is any error for fax in second row it shows. if in the 3rd row if email is entered incorrectly and then corrected, the first row validation error also goes off.

I want to show validation error for all rows of there is an error with respect to fax or email fields.

HTML:

Please help as I am having error after upgrade my global @angular/cli to version 11. I have revert back to version 8. But now this error keep appear when I try to compile. I suspect is the version compatibility or mat-angular issue. I have already try to delete the node modules and reinstall using npm install. I have also try to use npm cache clean but still no result. I have follow the advice from this post. But the error still happen. Please advice.

i am using @agm/core libraries and few packages in angular 7. but i am getting error:

I really want to use angular material and it should not be this hard. I installed the package and when trying to use matInput I get error when I build. Let me know if posting package.json will help.

ERROR in The target entry-point "@angular/material/input" has missing dependencies:

• @angular/core
• @angular/forms
• rxjs

package.json

I would like a textbox that allows only 2 decimals. I am using https://github.com/JsDaddy/ngx-mask/ to achieve this.

This example ( using Angular 8 and an older mask version ) works , but looks like the newer version doesnt!

This is my html:

I have an Angular 6 project I would like to upgrade to Angular 10, but I have read it’s best to do it one major version at a time, so I am trying to get it to 7.3 for now. I have followed all the steps on update.angular.io, but I am beginning to think it’s not a very complete guide. This question will be broken up into several sub-questions:

1. After upgrading Angular Core and CLI (ng update @angular/cli@7 @angular/core@7), I tried to run “ng serve”, but then get these compile errors:

...