Tutorial data binding as AngularJS

1

Good evening,

I wanted to deepen my knowledge of javascript by understanding the inner workings of some frameworks.

There is something I can not find, how does AngularJS and VueJS do the Data Binding in the view.

Example:

<body>
  <div>{{name}}</div>
</body>
<script>
//.. Blah
$scope.name = "Mariana";
</script>

Returns

<div>Filipe</div>

How do I calculate that the response is a bit long, if someone could point me to a site that explains how to achieve this effect, I was very grateful.

Thank you all at once.

    
asked by anonymous 19.12.2015 / 22:08

1 answer

0

Good evening. Your question is very interesting and I have created a certain interest in this problem. After some research I have listed some articles (I hope you understand some English :)) that can help in understanding this majestic work that is AngularJs.

To begin with, what you will see in common in all sources is the $apply() and $digest() methods being explained here .

Other questions, articles, examples and explanations are here: (that's what I found)

I know it's a huge mess, but in the first place, it can serve us. In the angular documentation itself there are several graphical models representing the loops referring to dynamic changes in the DOM.

Good luck!

    
19.12.2015 / 22:50