简介
什么是AngularJS
一个功能非常完备的前端框架,通过增强HTML的方式提供一种便捷开发Web应用程序的方式 其核心特点就是几乎无任何DOM操作,让开发人员的精力和时间全部集中于业务 MVC的特性增强了代码的结构和可维护性,应对需求的变化做出最小的改动为什么使用AngularJS
更少的代码实现更强劲的功能 提供了很多在传统后端开发中大量使用的思想和方式,提高前台代码的结构和可维护性使用AnuglarJS的流程
在HTML中引入Angular.js文件 在自己的代码中定义一个AngularJS的模块 将模块作用到HTML中的某个节点 根据模块的功能定义控制器 根据当前页面原型设计$scope的结构 通过$scope暴露数据和行为 将暴露出来的数据和行为通过特定的指令绑定到HTML节点中MVC
一种应用程序的设计思想,其目的是为了对应用程序的组成进行划分,让结构更加清晰可维护性更高,确保每个原件都有明确的单一职责
模块
可以通过 angular.module() 方法操作模块 注意:该方法只有在传入两个参数时才会创建模块,否则为获取已有模块
定义模块
// 第一个参数为模块名,第二个参数为当前这个模块所依赖的模块列表angular.module('ModuleName', []);
获取已经定义过的模块
var existModule = angular.module('ExistModule');
如何划分模块
1.根据当前需要开发的应用程序的组成划分需要多少模块,比如: - 注册模块 - 登录模块 - 用户列表页模块 - 用户详细页模块 - etc.
2. 根据文件类型的不同来划分比如: - 所有的控制器 - 所有的服务 - 所有的指令 - etc.
控制器
当下的企业开发,如果使用Angular,主要就是开发对应的控制器和模型
定义控制器
定义控制器可以有三种方式,注意第一种已经被淘汰
传统方式(不要再用了)在最早期的 Angular 代码中可能会见到以全局函数的方式定义的控制器:
早期的控制器定义方式-全局函数
查看更多关于Angular基础入门_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did111552