实习的第一个项目,是angularjs。。。angular可是升级到angular8了啊.。。
AngularRouter添加了向后兼容模式,以降低大型项目的升级成本。AngularRouter可以使用$routeAPIs延迟加载部分AngularJS应用程序,从而更容易地升级到Angular。
对于大型angularjs开发团队来说,现在正是升级的好时机!
虽然angularjs时代已经过去,但是很多企业,尤其是老企业还在用angularjs,在其位谋其政,以前都是vue开发,现在有机会接触到angular基础,还是要好好学习一下。
AngularJS框架他是开发动态web应用的框架,可以使用html语言或者通过拓展的html语言来使组件更方便清晰。强大的指令功能:
{{}}数据绑定html组件化支持表单验证DOM控制结构
新标记1.directive指令通过html属性或元素来为页面添加特定的行为。
2.{{expression|filter}}双括号其中expression不是代表全局变量,是作用域Scope中的变量,代表了model。filter是过滤器,可以修改显示的样式,不是css样式。实现了动态绑定,view和model的双向数据绑定
ng-app=“modelasname”推荐使用模块,在模块中写入controller,创建model实例,并且把这个实例赋值给当前scope中的name变量
Service服务和依赖注入如果要创建大型应用的话,我们最好把与控制器和视图无关的逻辑都放入到服务中去,我们写入factory,如下:
angular.module('calcu',[]).factory('calcuServer',function(){vartype=['USD','EUR','CNY'],usdToForeignRates={USD:1,EUR:0.74,CNY:6.09};return{type:type,convert:convert};functionconvert(amount,inCurr,outCurr){returnamount*usdToForeignRates[outCurr]*1/usdToForeignRates[inCurr];}});
那么我们怎么使用呢?angular中每一样东西都是使用依赖注入的方式来创建或使用的,要想注入依赖,你必须先把这些需要协同工作的对象和函数注册到model模块中,
模板中ng-app绑定模块model中注入依赖angular.module('invoice',['finance']).controller('InvoiceController',['currencyConverter',function(currencyConverter){}]);
把数组当作参数传入,使用服务
初始化先找到模块,再通过ng-app为根节点,来遍历DOM树。