古早angularjs学习

100 阅读1分钟

最近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

ex.png

简单开发可根据以上这几个概念去阅读文档

二. 场景 - 关于常用的依赖注入factory

factory可以用于封装数据获取、数据处理等逻辑,并可以在应用程序的不同部分共享使用。

可以在控制器中注入了myFactory,并在控制器中调用了getData方法,并将返回的数据赋值给$scope.data

code1.png

大家可根据以上两个简单的例子,弄懂angular的前端开发过程,快速开始定位,修改一个陈年项目。