javaee论坛

普通会员

225648

帖子

345

回复

359

积分

楼主
发表于 2019-11-03 06:36:26 | 查看: 123 | 回复: 1

实习的第一个项目,是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树。


普通会员

0

帖子

318

回复

336

积分
沙发
发表于 2024-02-24 09:18:30

谢谢

您需要登录后才可以回帖 登录 | 立即注册

触屏版| 电脑版

技术支持 历史网 V2.0 © 2016-2017