AngularJS Tutorial #4 - 2-Way Data Binding

Показать описание

Yo dudes, in this AngularJS tutorial, I'll introduce you to the concept of two-way data binding and models. This is one of the really cool things about AngularJS - it easily allows us to store data in a model, which can be passed between a view and a controller really easily.

If you update the view, the model changes. And if you update the model, the view changes - 2-way data binding!

You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage...

----- COURSE LINKS:

---------------------------------------------------------------------------------------------
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage...

========== JavaScript for Beginners Playlist ==========

============ CSS for Beginners Playlist =============

============== The Net Ninja =====================

========== Social Links ==========

Рекомендации по теме

Комментарии

Wow, none of the tutorials I tried online explained MVC. such a simple way of looking at this, but it helps a lot

stayflyxx

I finally got the answer of using angular js, , , Never been able to have a pleasant response from anyone... Thanks lot

muddassirahmed

You're the best net ninja on this entire earth!
Probably mars too. because people there don't have internet.

HassaanQ

Your fav meat is: {{favMeat}}. But the server output is Your fav meat is: {{favMeat}}. And by the way i use mac. So please suggest.
And your tutorials are great .

abhinavvisen

Hey ! First of all, your videos are great. Really enjoying them.
One Question - Why do we need a server to run AngularJS ?

SarthakAgarwalClientNo

your videos are awesome..best ever..Can you please tell what is the shortcut to get end html tag automatically?

shitalgupta

Good videos, great content. Music at beginning and end is very loud. Really, very loud.

bikrams

You can use webpack-dev-server instead :D

thevladsirotkin

ng attributes are not recognised in my Atom. Everytime when I have to type ng-(something) i need to type the whole thing. Can you give me a solution to this??

davidbrite

My code is exactly the same, yet nothing is being displayed on the server. It's just blank

ateebraza

hi, i have tried this tutorial and the part where {{favMeat}} is supposed to output the value in text box isn't really working. The local server output is - Your fav meat is: {{favMeat}} instead of say Your fav meat is: beef. Can you please advise?

jobcollins

I like the way you explain things, but as a vegetarian, I hate the example with meat :(

jeczybula

If i give a name to ng-app, my ng-model doesn't work and if i remove it, it works. why is that?

<html lang="en" ng-app="myapp">
<head>
<title>TheNetNinja Angular Playlist</title>

</script>
</head>

<body >

<input type="text" ng-model="name" placeholder="enter your name"/>
<p > your name is {{name}}</p>
</body>
</html>

vickyve

I see so this is why they hate react ahaha. Google did it again

jerickcarlosmangalus

AngularJS Tutorial #4 - 2-Way Data Binding

AngularJS Tutorial #4 - 2-Way Data Binding

AngularJS For Everyone Tutorial #1 - Two-way Data Binding

AngularJS Tutorial 4

AngularJS tutorial: recipe box

2- AngularJS Tutorials AngularJS Expressions

AngularJS Tutorial for Beginners 4 AngularJS Module and Controllers

AngularJS Tutorial 4 - ng-Repeat

AngularJS For Everyone Tutorial #4 - Our First Controller

AngularJS Tutorial for Beginners - Section 2: Two Way Data Binding

AngularJS Tutorial for Beginners - 4 - ng-repeat

Angular Tutorial for Beginners: Learn Angular & TypeScript

AngularJS Tutorial for Beginners 2 - How to Set Up AngularJS

AngularJS Tutorial 2

Angularjs Tutorial | Step by Step with Examples | Part 2 | Angularjs

AngularJS Tutorial 8 - Two Way Data Binding

AngularJS Tutorial: [#5] HTTP - Getting Started with AngularJS

AngularJS Tutorial for Beginners (Full Course)

How to Use Two-Way Data Binding in AngularJS, Angular Tutorial

AngularJS Tutorial: [#6] Creating the User Interface - Getting Started with AngularJS

AngularJS Tutorial: [#3] Controllers and Views - Getting Started with AngularJS

AngularJS - NgModel & 2-Way Data Binding - Tutorial 2

AngularJS Tutorial: [#2] Installation and Set Up - Getting Started with AngularJS

Angular NgModel Two Way Data Binding with Example

Angular 2 Tutorial #4 - Core Files Overview