AngularJS快速入门

AngularJS快速入门

AngularJS诞生于2009，被用在很多我们熟知的Google应用，例如Gmail、Maps，它主要致力于快捷的构建AJAX应用，在示例库在Github的地址为：$location等内置对象，使得我们只需关心实际需求，而不关心其依赖，遵循了迪米特法则（最少知识原则，Law_of_Demeter）。指令，框架提供了很多指令，对html和Dom进行扩展，例如ng-controller指定控制器视图的某一部分，ng-model用于将输入数据绑定到模型属性。

一个简单例子如下，主要注意的是，很多地方的入门demo会省略ng-app后面的参数，Angular的Controller形式，以及相关模块的绑定等，浏览器肯能会报错，初学需要小心。此外，VS关于AngularJS的智能感知插件的下载和使用也是一个常见问题。

大体来说，Angular程序一次请求的流程：用户请求应用起始页；浏览器向服务器发起[])

$.scope.$emit('event_emit', 'message');//子scope发送$.scope.$on('event_emit', function(event, data){});//父scope接受$.scope.$broadcast('event_broad', 'message');//父scope发送$.scope.$on('event_broad', function(event, data){});//子scope接受

多视图和路由：需要引入angular-route.js

依赖注入: angular.module('firstModule').controller('diController', ['$scope',function($scope){}]);

Service和Factory:Angular内置类$location, $timeout, $rootScope等服务，同时可以自己提供额外的服务，方式有两种，Service使用时需要new,而Factory不需要。

$data), $data), $$ng-show, ng-model等，可以使用一个简短的指令实现一个前端组件，如，。

angular.module('myApp', []).directive('helloWorld', function() {            return {                 restrict : 'AE',                 replace : true,                 template : '

Hello, World!

Demo: https://github.com/wanliwang/cayman/tree/master/cm-angularweb

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。