AngualrJS is a very intimate web application framework. It has a very good official documentation and examples; after tests in the real environment famous TodoMVC project, which stand out in the mass of the frame; and very good everywhere online demo or show. But for a no contact and AngularJS similar framework but also almost all use of JavaScript libraries New Nike Free Run 3 Shoes Women Navy Womens such as jQuery developer is concerned, the idea of a transition from jQuery AngularJS idea is a little difficult. At least for me it is like this, so I wanted to share some learning notes hope to help to some developers. Ng is not a library (library) is to be understood AngularJS, first thing to do is to understand that this is a fundamentally different on and jQuery tools. jQuery is a library and AngularJS is a framework. Refers to the use of the library, your code to determine when to call a 2015 Nike Free 5.0 particular method Nike Zoom Lunarposite from the library; using frames is that you achieve a number of callback methods, to the specific time frame 626969-030 Air Jordan 4 Retro Fear Pack Nike Kids Sneakers will go to call these methods. When you think about the time at runtime what happens then you can understand the different points. jQuery what will happen when the runtime? In most cases, when it will happen. jQuery code is executed as a trigger response on the Women Nike Air Yeezy II jQuery DOM event binding methods. At New Nike Free 5.0 V4 Shoes Black Red load time, Angular will your DOM tree and JavaScript turned an angular app. Angular contains instructions and filters HTML will be compiled into a tree view, in response to the range and the controller will be the tree, attached on the inside of the application cycle to ensure that the data bindings between view and model. This is a real example of MVC, the view is completely separated between the controller and the model. You can think of the main event / rendering / binding loop is an example, which continued running, and only when needed call your controller. Every model is updated (either via AJAX request, can also be a direct operation of the controller), Angular will rerun its $ digest cycle, update data bound to ensure that New Nike Free 5.0 V4 Shoes Black Red everything is synchronized. Is a statement, not an order unlike some library or framework, Angualr never put HTML or JS as a need to repair the bug (I'm looking at How about you), but with a natural way so that you can not believe in yourself and No thinking. This let me use code to tell you. For example, we want a state based New Nike Free 5.0 V4 Shoes Grey Black on checkbox to hide / show a certain element. With jQuery, we will do: \u0026 lt; div \u0026 gt; \u0026 lt; input id = \u0026 quot; toggleShowHide \u0026 quot; type = \u0026 quot; checkbox \u0026 quot; \u0026 gt; \u0026 lt; div id = 'specialParagraph' \u0026 gt; This content will disappear and reappear if you click the checkbox above \u0026 lt; / div \u0026 gt; \u0026 lt; script \u0026 gt; $ (function () {function toggle () {var isChecked = $ ('# toggleShowHide') is (. ': checked'); var specialParagraph = $ ('# specialParagraph'); if (isChecked) {specialParagraph.show ();} else {specialParagraph.hide ();}} $ ('# toggleShowHide') change (function () {toggle ();});. toggle ();}); \u0026 lt; / script \u0026 gt; Attention! JS code above is the way a command operating DOM: get a node and a single property, to see its value, and then do this and that. Now look Angular is how to do the same thing: \u0026 lt; Air Max 2012 Blue Grey White input ng-model = \u0026 quot; showSpecial \u0026 quot; type = \u0026 quot; checkbox \u0026 quot; \u0026 gt; \u0026 lt; div ng-show = 'showSpecial' \u0026 gt; This content will disappear and reappear if you click the checkbox above \u0026 lt; / div \u0026 gt; is the aforementioned period, there is no code, just a very clear statement to bind and regular manner. There is a line version, you can try the direct operation .DOM is not only unnecessary, it is not to Air Jordan Outlet be promoted in the Angular. DOM by the view management, data in the scope, the method in the controller, and any non-trivial transformation in you override the filter and instructions inside. Such separation at the outset appears to be to spend a lot of energy to digest, but when the project becomes large when its return is very impressive: the code is easy to maintain, easy New Nike Tr Fit Shoes Black Purple to be placed in the module, to facilitate New Nike Free 5.0 V4 Shoes Black Blue testing and troubleshooting. Dependency injection Forgive me say sounds a bit stubborn, but has the most elegant in the world Angular handle data-dependent manner. Do you have a JSON data source Nike Air Max is placed in the $ resource in Angular: DataSource = $ resource (url, default_params, method_details) If you want to know more details see the document. This controller is required in any JSON data can be used as a control parameter passed DataSource way to use it. That's all you need to do. If you need to write an asynchronous HTTP request in the controller. The $ http as a control parameter. What if you need to print in the console, the $ log as a parameter your controller methods. Angular internal processes is this: Angular analysis of your code to find these parameters, then your code in the services they need to push for you. Data acquisition when Angular gives you all the freedom to control the model layer New Nike Free 5.0 V4 Shoes Black Red later (you can freely combine common data variables, when objects and arrays). It provides a convenient way REST interaction with the server API. For example, the following approach is used to define and use some of the calling user to retrieve and save the record. var User = $ resource ('/ user /: userId', {userId: '@ id'}); var user = User.get ({userId: 123}, function () {user.abc = true; user $. save ();}); Angular to get, set, delete, and query data in predefined reasonable defaults settings, URL parameter representation allows you to develop the way data acquired on demand. Angular there are many worth mentioning, but the article also did not say Womens Nike Kobe VIII things like form validation, unit testing, as well as angular-ui library, perhaps in a future article, I'll talk about the.jQuery developers in the eyes of AngularJS