As a newbie to Angular, I tried watching multiple videos on Reactive vs Template-driven forms. This was the only video whose explanation and use of graphics finally made it click in my head. Thank you Mosh! Don't know why I even bothered looking elsewhere for learning Angular Forms.
From anyone who gets an error "There is no directive with "exportAs" set to "ngModel"" you should: import { FormsModule, ReactiveFormsModule } from "@angular/forms"; @NgModule({ imports: [ BrowserModule, FormsModule, //
I can never thank you enough you have restored my faith in humanity Love you man. Please keep making these awesome videos with the amazing explanation of theory and the code along solutions thanks again
In the most recent versions of Angular you might get errors that one of these validation properties might be null. In such a case, you can use a safe navigation operator such as this: *ngIf="firstName.errors?.['required']"
Amazing and very helpful video, as I am a beginner in angular so this video is very helpful to clear basic things related to angular form and controls. Thank you Mosh for this video and please try to make some more videos on angular basics especially for beginners.
I must share my feedback about this video. Content is very easily understandable. I tried many other videos to understand how these formCcntrol and formGroup works. I failed many times to ans properly in interview. But this video made concept clear to me. Thanks a lot.
Hello, Thanks for the awesome video, I just want to add that on Angular10, the firstName.errors object can be NULL, so you need to use the safe navigation operator ? *ngIf="firstName.errors?.required" regards
I am getting this error There is no directive with "exportAs" set to "ngModel" ("ass="form-group"> Name: ]#firstName="ngModel" (change)="log(firstName)" type="text" class="form-control" id="firstName"/>
you have to add the validation rule in input filed.. so change the input field from ]#firstName="ngModel" (change)="log(firstName)" type="text" class="form-control" id="firstName"/> to ]#firstName="ngModel" (change)="log(firstName)" type="text" class="form-control" id="firstName"/>
For those whom are looking for the same: 1.Go to app.module.ts 2.Paste - import {FormsModule} from '@angular/forms' ; 3. In "Imports" section down there: write FormModule eg: imports: [ BrowserModule, FormsModule ]
Hy there,... i was wondering why im getting the ERROR TypeError: Cannot read property 'required' of null! Been already on stackoverflow and the angular docs but no solution could help me get rid of that problem! You guys have any solutions for me? ;) btw... visual studio gives me that error message aswell: Identifier 'required' is not defined. '__type' does not contain such a member
Thank you so for sharing this video!! What's the editor you we're working on?? I love how it simply generates the markup can you please share how I can use it too?
U can do mvvm in angular you dont need reactive form and other crap. You decide your architecture the framework should not decide for you. And unlike react , you don't need to write html inside javascript. So there is clear separation of concern. View is not responsible for checking business logic , its business model job to do that and let the view know about how to present the data via viewmodel. Just create a viemodel and bind that to the view. Do data transformation logic and data validation inside a business model. Inject the business model to view model via the constructor. inject the dataservice api layer to model via constructor. If you need to call component B from component A, just expose an interface and let A create a viewmodel by inheriting from that interface and pass an instance of that viewmodel as a property binding to B. Thats it. Angular clearly simplifies the architecture and lets your write decoupled manageable application. Period.
6 months late but you can add the bootstrap.min.css relative path to your angular.json styles property which will give you global access to bootstrap. Or I think you can link it in the stylesUrl attribute within the component decorator within the ts file. Or you could do what @Roberto Radu said and link it directly within the html.
install bootstrap by executing the cmd npm install --save bootstrap then go to angular.json file and add on "styles" : "node_modules/bootstrap/dist/css/bootstrap.css",