Angular Tutorial for Beginners

some make sections by adding minutes

With the latest version of angular I'm facing an issue on ngModel, it is not compiling and throwing errors. Cant debug where I am wrong. Any help would be highly appreciated

I wanna learn Angular from you already learned React from your udemy course. But the Angular course is bit outdated and i saw in the course student reviews section which convinced me to not buy the course right now maybe in the future when you re-record the course.
Also there is one huge course project, there can be 3 to 4 course projects which teaches the concepts just like you did with React course and your React Native course, there you show many demo apps.

Important!
In order for 2 way binding to work, you need to import FormsModule into app.module.ts. Otherwise the webpage will be blank.
In app.module.ts, add to the beginning:

import { FormsModule } from '@angular/forms';


and add inside the brackets within @NgModule imports: FormsModule

why cc to english not supported?

An awesome introductory video for Angular. Loved It!! I am gonna get the complete course from UDEMY 💫

This course is amazing, really worth it

Hab mir gerade den Angular 2 Kurs auf Udemy gekauft, und fiel fast vom Stuhl als ich den Dialekt gehört hab. Wenn mi ned ois teischt, a Bayer??

I've watched a few Angular tutorials from other people, and honestly, it's like watching paint dry. This guy is engaging, smart and explains things to where I feel like i'm actually learning... and having fun. He was put on this earth to teach. Great job. Bought the entire course.

Do you have a discord link?

Please re record angular full course to angular 12

hmm all of this code only works when written in app.component, none of them is working on server/servers files created therefore mine isn't giving output like your code despite writing it that way.

Damn you and all other programmers and programming languages. Fucking Nerds.

Maximilian saving my software dev career once again. Thanks a bunch for high quality and straight-to-the-point tutorials mate. I have just bought your full course on Udemy. Cheers!

Sir here which extension used that show a list of possible function when we type a character?

I bought two of your courses on Udemy. is the one linked to above the same as one of those?

Thank you so much !!!! I wanted to take a leap jump from AngularJS to Angular and you've made it so easy to understand! I can't thank you enough

what is the prerequisite for learning angular? and can anyone guide me what is the pattern i should follow to learn mern stack

Can you please share your thoughts that how we can run angular along with php using apache

Can you create tutorial on how to send mail when someone subscribe

really good!

Can l be gifted with this course on udemy

thank you so much for your effort , that's the best angular course for beginners ever watched

Sir, can you please make a separate course on angular ngx-permissions module

Awesome video however the only method that got me earnings is... look up in Google this with-out gaps E a s y L a p t o p L i f e .c o m

Is this course relevant in 2020?

To fix the ngModel issue , you need to import FormsModule:


first in app.module.ts

**

import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
FormsModule,
ReactiveFormsModule ,
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

==========================

** second in app.component.spec.ts

import { TestBed, async } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { AppComponent } from './app.component';
import { FormsModule } from '@angular/forms';
describe('AppComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule,
FormsModule
],
declarations: [
AppComponent
],
}).compileComponents();
}));

Best Angular Admin theme at lowest price ​@t​

if ngModel doesn't work and the input example doesnt work:


Step 1: Importing FormsModule

import {FormsModule} from '@angular/forms' in app.component.ts


Step 2: Add it to imports array of your AppModule as


imports :[ ... , FormsModule ]


Step 3: Change ng-model as ngModel with banana boxes as

<input id="name" type="text" [(ngModel)]="name" />


Found on stack overflow

Is this still relevant?

page doesnt render with your code.pls help

ng model not working

Hie guys can i use this tutorial for angular 8 , im a lil bit worried

讲了半天还是听不懂在讲什么。。

Hi I'm a beginner and I have a little problem when I add "ngModel" on my input as on the video in the 16th minute. The page becomes white and nothing is displayed. As a result, the Binding does not work. Do you have a solution to this problem?

Video needs an annotation around 16.30 --> the code in app.module.ts needs to be changed to the following for the binding to work:


import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
FormsModule,
ReactiveFormsModule ,
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

Bought his course on Angular 8 and ReactJS at Udemy. Worth my money. Thanks. Love from India.

not even 20 minutes in and this tutorial is broken! sigh Impossible to learn anything if the learning material doesn't work, was considering buying the complete udemy course but now that seems like a bad idea.

Excellent!

Need experts opinion!!
UI versioning is something that I want to introduce. Considering we have a component designed for V1. Later modified (change could be minor or major one) and we release in updated new version V2 of my component.
Now, my app is at Version V2, but with this V2 deployed, dynamically I need to support V1 (user can switch between V1 and V2).
Version deployed is V2 but need to support V1 as well. But between V1 and V2 my components were modified. Is there a convenient way to design the components to support different versions of UI?

getting error, while using ng serve in terminal why

Really high quality course.
Congratulations Maximilian !

How to send an image along with other form control from angular 2 to a node Web API?

Informative and engaging. Thanks for another great instructional video, Max!

If you go to Udemy now and buy this course.
WIthout the promocode, it's cheaper.
With the promo code it's more expensive.