文章标题AngularJS学习

1、互联网工作原理，路由器和网线连接计算机，每一台计算机都有唯一的地址，让网络可以定位到它。多台计算机可以共享一个网络或者路由器。多台计算机共享一个网络IP，每个计算机通过路由分配的内网IP来单独访问网络。IP地址是为每个接入到网络中的设备分配的一个数字标识码。 2.浏览器的作用：当远程服务器把HTML发送过来后。浏览器获取页面对应的HTML文本，将其解析外一个在浏览器内部使用的结构，对页面内容进行布局，并在内容显示之前加上相应的样式，web开发人员要做的就是定义HTML内容和样式。 3、自动数据绑定：

<!DOCTYPE html> <html ng-app> <head> <title>Simple app</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"> </script> </head> <body> <input ng-model="name" type="text" placeholder="Your name"> <input ng-model="sex" type="text" placeholder="性别"> <h1>Hello {{ name +sex}}</h1> </body> </html>

自动数据绑定可以将视图理解成模型状态的映射，当客户端的数据发生变化时，视图就能反应出这些变化，并且不需要写任何自定义的代码，只需要应用angular.js即可。
对MVC的理解：模型控制应用数据和与数据进行交互的方式，视图将数据呈现诶用户，控制层起到中间桥梁的作用。
视图不需要知道如何保存对象，只需要知道如何显示它就可以了。意味着数据模型不需要与视图进行交互，只需要保存数据和与视图操作的方法即可，控制器用来存放将两者结合起来的业务逻辑。
4、数据模型对象是 $scope 对象，$ scope对象是简单的JavaScript对象，它的属性可以被视图访问，也可以同控制器进行交互。
数据绑定的最佳实践：在视图中通过对象的属性而非对象本身来进行传值。

<!doctype html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"></script> </head> <body> <div ng-controller="MyController"> <h1>Hello {{ clock.now }}!</h1> </div> <script type="text/javascript" src="js/app.js"></script> </body> </html> app.js中： function MyController($scope) { $scope.clock = { now: new Date() }; var updateClock = function() { $scope.clock.now = new Date() }; setInterval(function() { $scope.$apply(updateClock); },1000); updateClock(); };

5、将代码模块化。angular.module(‘myApp’,[]);用来调用模块myApp，angular参数列表：name:模块的名称，require，字符串数组，每个元素都是一个模块名称，本模块依赖于这些模块。 6、scope，作用域。是视图和控制器之间的胶水，可以依赖视图在修改数据时，立即更新作用域，也可以依赖作用域在更新数据时，立即更新视图。

文章标题AngularJS学习

相关文章