好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Angular基础入门_html/css_WEB-ITnose

简介

什么是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的详细内容...

  阅读:40次