最近keyan接手了一个公司早期的数据平台,发现代码是比较久远的angualrjs, 同事说,你是在💩山上拉💩。。。
于是在修复bug和做部分小需求的基础上,笼统的学习了一下,具体可查看教程angularjs教程学习。
但是想很快的懂angualrjs的概念,以及在上面做一些小的需求和修复,显然从0开始去看angularjs的教程是有点【舍近求远】的,耗费时间比较久的原因。
以上是根据平台做的简易知识点,方便快速入手
简易知识点场景/例子
**
一. 场景 - 使用angularjs调用接口,并渲染页面
以下包含了几大概念:
ng-app指令来指定应用程序使用该模块angular.module创建模块module.controller—— 使用ng-controller指令将MyController控制器与该关联起来`$http服务来调用接口$cope(作用域)—— 是应用在HTML(视图)和JavaScript(控制器)之间的纽带,可应用在视图和控制器上,控制器中使用了$http服务来调用接口,并将获取到的数据存储在$scope.items中- 双花括号语法(
{{ }}) —— 来显示$scope.title和$scope.items的值 - 指令ng-xx ——
ng-repeat等
简单开发可根据以上这几个概念去阅读文档
二. 场景 - 关于常用的依赖注入factory
factory可以用于封装数据获取、数据处理等逻辑,并可以在应用程序的不同部分共享使用。
可以在控制器中注入了myFactory,并在控制器中调用了getData方法,并将返回的数据赋值给$scope.data
大家可根据以上两个简单的例子,弄懂angular的前端开发过程,快速开始定位,修改一个陈年项目。