Angular error Can't bind to 'ngModel' since it isn't a known property of input
Angular error Can't bind to 'ngModel' since it isn't a known property of input
Learn Angular in Mumbai offline http://stepbystepschools.net/
For more such videos visit http://www.questpond.com
See our other Step by Step video series below :-
For more such videos subscribe / questpondvideos
JavaScript Interview Questions: • JavaScript Interview Questions \u0026 Answ…
Learn Angular tutorial step by step https://tinyurl.com/ycd9j895
Angular Interview Questions and Answers :- • Angular Interview Questions and Answe…
ASP.NET MVC Core Interview Questions with answers:- • ASP.NET MVC Interview Questions with …
C# interview questions and answers:- • C# Interview Questions and Answers | …
C# tutorial for beginners(4 hrs):- • C# Tutorial for Beginners | C# Step b…
Learn Azure Step by Step:- • Azure Tutorial for Beginners | Azure …
Azure AZ-900 fundamentals certification :- • AZ 900 Certification | AZ 900 Certifi…
AZ- 204 certification Azure:- • Azure 204 Certification | AZ 204 Exam…
Learn MVC 5 step by step in 16 hours:- • Learn ASP.NET MVC 5 ( Model view cont…
Learn Design Pattern Step by Step https://goo.gl/eJdn0m
Learn MSBI Step by Step in 32 hours:- https://goo.gl/TTpFZN
Learn SQL Server Step by Step http://tinyurl.com/ja4zmwu
Python Tutorial for Beginners:- • Python Tutorial for Beginners | Learn…
Learn Data Science in 1 hour :- https://tinyurl.com/y5o7qbau
Learn Power BI Step by Step:- https://tinyurl.com/y6thhkxw
PHP Interview Questions : • PHP Interview Questions and Answers |…
-----------------------------------------------------------------------------------------------
For more details :-
🌐 Website : www.questpond.com
📱 Mob. No. : +91-9967590707 / +91 7700975156 / +91-22-49786776
📧Email : [email protected] / [email protected] / [email protected]
Share, Support, Subscribe and Connect us on!!!
YouTube: / questpondvideos
Twitter: https://twitter.com/questpond
Instagram : https://www.instagram.com/questpond/
Facebook : https://www.facebook.com/Questpond/
#CommonErrorsinAngular #AngularTutorial #AngularConcepts #AngularErrors
Content
0.12 -> this is a very common error which comes
3.179 -> to angular developers and special you
5.549 -> know people who have just started with
7.259 -> the angular you know they won't be able
8.519 -> to figure out this error in the first
10.62 -> read itself so let me try to explain you
12.78 -> this error so this error says can't bind
15.059 -> to ng model since it isn't unknown
18.119 -> property of the input so let us try to
20.4 -> understand this error so you can see
22.05 -> here I have this application which I
24.48 -> have here and in this application I have
27.38 -> reproduced that error so you can see
29.4 -> when I click on this customer it
31.14 -> actually goes and shows me this screen
33.51 -> and in this screen you can go and you
35.91 -> can see this error out here can't bind
40.8 -> to ng model since it isn't this is this
44.91 -> so let me go and copy this error and let
47.43 -> us try to understand this error in a
49.5 -> more detailed way so I'm going to go and
51.75 -> copy this error in the notepad and let
53.91 -> us try to understand it first thing if
56.879 -> you need to understand you know where
58.079 -> the error is you should actually hunt
59.73 -> for this error with the arrow key so you
62.34 -> can see that there is an error with the
63.719 -> arrow key so here it says that there is
66.33 -> error right in this directive this ng
69.6 -> model is a directive right so basically
71.76 -> I can say these are sin taxes of angle
74.79 -> which is inside HTML so this arrow key
77.67 -> out here and this word out here error
80.43 -> says that the error is in this ng model
83.25 -> and it it doesn't understand that right
86.46 -> so that means you know if this ng model
88.56 -> has to work something from angular needs
90.75 -> to be imported so that this ng model
93.06 -> directive can be understood so this is
95.67 -> the project out here so you can see her
97.92 -> in this project you know this is the
99.36 -> customer UI the customer UI you know
101.159 -> where I have clicked on this customer UI
102.84 -> that I'm trying to load this customer
105 -> here is nothing but it is loading this
106.5 -> customer UI and he's pointing out the
108.93 -> error over here ng model now this
111.299 -> customer UI is connected with this
113.1 -> customer component so if you see if this
114.78 -> is the customer component and here it is
116.939 -> connected with the customer UI and this
119.46 -> is loaded this customer component is
121.619 -> loaded by the customer module so now
124.35 -> this ng model is not understood so we
126.299 -> need to go ahead and load the
127.71 -> appropriate angular modules so that the
130.739 -> directive
132.29 -> ngmodel you know can be understood right
134.66 -> so we need to go to the customer module
136.73 -> and over here we need to go and load the
139.22 -> forms module the forms module has all
141.8 -> the magic you know to make that
144.26 -> ngmodel binding running ng model is
147.35 -> directive is nothing but it helps you to
149.3 -> do one-way binding and two-way binding
150.89 -> in angle right so I'm going to go here
152.63 -> and say import from at the rate angular
156.8 -> form so in the angular forms we have
159.05 -> something called as the forms module and
161.96 -> this forms module has to be loaded now
164.9 -> remember one is that you import the
167.39 -> forms Moodle at the top as well as you
169.49 -> know what you need to do is you need to
170.72 -> go and specify the forms module in the
174.38 -> decorator so in the ng module decorator
177.53 -> you need to specify the forms module if
180.26 -> you just go ahead and only import it
182.87 -> here in the typescript you will still
185.9 -> find the same error so if you see here
187.58 -> if I go and click again I am still
189.47 -> seeing the same error so I need to not
191.63 -> only import it using typescript over
195.26 -> here but also I need to go ahead and
197.06 -> specify in the imports out here so if I
199.85 -> go and do a save now and if I go back
202.25 -> and now if I try to click I still see
206.66 -> the same error
207.62 -> I still see there are errors right but
209.93 -> this error is not exactly the same thing
212.18 -> so let us go ahead and again copy this
214.82 -> error from here so you can see I have
216.44 -> cop I have looked into this error arrow
218.72 -> and I am committed copying it out here
221.12 -> let me go and do a control paste this
224.36 -> time the error location has changed it
226.4 -> says that he does not understand this
229.13 -> form group now form group is for
232.43 -> validation purpose it is for it is
234.5 -> reactive forms right so again we need to
236.69 -> go it that means that again for this
238.61 -> form group to work we need to go ahead
240.739 -> and import the appropriate module so for
243.56 -> form group to work we need to import
245.69 -> something called as the reactive forms
247.94 -> module so again I need to go ahead and
250.78 -> import the reactive forms module and
253.85 -> then I will go ahead and again put in
257.03 -> this imports and then after that you can
260.69 -> see now the error has gone and I can see
263.27 -> my screen Rani
264.61 -> so basically you know when you get you
267.069 -> know this kind of error right it says
268.96 -> that the forms module has not been
272.139 -> imported or I'll go in you know go one
274.12 -> step ahead when you get an error like
275.8 -> this it indicates that for this
277.81 -> directive the necessary modules has not
280.15 -> been imported so it's this error is not
281.83 -> really related only for ngmodel
284.229 -> this error can also come from other for
286.36 -> other directives for which you have not
288.31 -> loaded the appropriate module so go
290.53 -> ahead hunt for the error sign look for
293.68 -> this arrow out here see the next thing
296.8 -> in that directive write the next
298.87 -> directive you know where it is pointing
300.28 -> towards where the error is
301.3 -> and for that directive go ahead and load
304.03 -> the module
306.46 -> [Music]
Source: https://www.youtube.com/watch?v=Y0OHO6-eX94
