Now a days AngularJS is getting popular among developers, many companies are changing their websites with AngularJS.
Simple intro to AngularJS
This tutorial will be for jQuery developers (others can learn too). Many of us (even me) use jQuery for DOM manipulation in our website, like form manipulation, input, checkbox synchronizing, dynamic dropdown value. Now all these are possible with AngularJS. I will show some of them. Even Angular has 5-6 more benefits from jQuery.
1. Input[type=text] synchronization.
From code we can see that, I have attached ‘keypress’ event to first input, that will invoke whenever I press a key, then it copies it’s value to slave text field.
Angular uses directives to bind value to variables, As shown in HTML I have binded angular variable master in
"ng-model", so when there is a change in text field, it will be in master variable also.
This variable is also binded to slave text field. so it’s value will be chaned also.
Below is another example of binding value to paragraph. Have a look at this.
Watch Video Tutorial