大佬教程收集整理的这篇文章主要介绍了初识AngularJS，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
最近接触课表的APP，便结识了AngularJS.
AngularJS在Web应用方面是一个非常完美的JavaScript MVC框架。
AngularJS完全由JavaScript和HTML构成，AngularJS框架的核心概念是MVC架构模式。
对于MVC我们已经很熟悉了，在Angular应用中，视图层就是DOM，控制器就是JavaScript类，模型数据存储在对象属性中。
当程序运行的相当好是，我们想将新数据插入到界面中，或者改变基于用户输入的数据是，我们可以通过数据绑定来确保同时在界面和JavaScript属性中获取的数据是正确的状态。
依赖注入是当我们需要某个具体的控制器或者服务时，并不直接在代码中用new操作符创建实例，而是发送请求以获取它所有的依赖关系。
AngularJS 通过被称为 指令 的新属性来扩展 HTML。
<!DOCTYPE html> <html ng-app> <head> <base/> <title>Your Shopping Cart</title> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-controller='CartController'> <h1>Your Order</h1> <div ng-repeat='item in items'> <span>{{item.title}}</span> <input ng-model='item.quantity'/> <span>{{item.price | currency}}</span> <span>{{item.price * item.quantity | currency}}</span> <button ng-click="remove($index)"> Remove </button> </div> <script> function CartController($scope) { ////@formatter:off $scope.items = [{ title : 'Paint pots',quantity : 8,price : 3.95 },{ title : 'Polka dots',quantity : 17,price : 12.95 },{ title : 'Pebbles',quantity : 5,price : 6.95 }]; ////@formatter:on $scope.remove = function(index) { $scope.items.splice(index,1); }; } </script> </body> </html>@H_404_246@
ng-app 属性告诉 Angular 它应该管理页面的哪一部分。由于我们把它放在 html 元素上， 告知 Angular 管理整个页面。 在 Angular 中，用 JavaScript 类管理的页面区域叫做控制器。 通过在 body 标签中包含一个控制器， 声明的 CartController 将管理 body 标签之间的任何东西。 ng-model 定义创建了输入字段和 item.quantity 之间的数据绑定。
以上是大佬教程为你收集整理的初识AngularJS全部内容，希望文章能够帮你解决初识AngularJS所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。