AngularJs学习总结-了解基本特性(-) 现在的前端项目中基本上都会用到angularjs框架,之前并不了解这个框架,也是因为最近接手的项目,所以打算好好的学习下它。之前都是搞pc端,现在接手的是移动端的项目,移动端UI框架用的是ionic+vordova,没有用bootstrap,主要做的是 ...
分类:
Web程序 时间:
2016-12-04 07:25:58
阅读次数:
231
模块化设计 1.引用自定义模块并调用 自定义模块中,如果有一些服务、封装好笑模块,在另外一个模块中(声明的时候,在依赖列表中加入要引入的模块) var app02 = angular.module('fan02',['ng','fan']); 就调用fan02模块中所定义的东西 2.ng内置的模块的 ...
分类:
Web程序 时间:
2016-12-03 07:53:22
阅读次数:
212
压缩工具:YUI-compressor 为了优化网页功能,对一些脚本文件进行压缩,比如:删除所有的注释和空格等,简化形参。但是AngularJs模块中可以声明多种组件,如控制器、指令、过滤器、服务等。创建这些模块组件对象时,构造函数是由AngularJS调用的,故不能像普通函数那样,声明任意的形参。 ...
分类:
Web程序 时间:
2016-12-03 07:46:06
阅读次数:
189
前面整理了AngularJs双向数据绑定和自定义指令的相关内容,从手册上看也知道,ng部分还包括过滤器和函数,以及服务等。 过滤器:filter,就是对数据进行格式化,注意管道格式,例如: 函数:function,应该不用介绍了。这里需要注意的是forEach函数的形参顺序,基本格式如下: 服务:A ...
分类:
Web程序 时间:
2016-12-03 07:36:13
阅读次数:
199
双向数据绑定 方向1:模型数据(model)绑定到视图(view) 实现方法:①.{{model变量名}} ②.常用指令(ng-repeat) 方向2:将视图(view)中用户输入的数据绑定到模型数据(model) 实现方法:ng-model指令,用在表单组件中(input select) $wat ...
分类:
Web程序 时间:
2016-12-03 01:36:44
阅读次数:
164
指令 概述: 前面也说过一些常用指令,用于快速入门。现在详细总结一下:指令用于实现各种页面的操作,是对于底层DOM操作的封装,扩展了HTML的行为,实现页面交互以及数据绑定。 指令是一种执行的信号,一旦发布了指令,就要执行某项动作。就像我们军训的时候,一个口令一个动作。而常用的指令是固定的,如果我们 ...
分类:
Web程序 时间:
2016-12-02 07:55:48
阅读次数:
168
angularJs的四大特性 ①.采用MVC的设计模式 ②.双向数据绑定 ③.依赖注入 ④.模块化设计 现在细说一下MVC的设计模式: MVC: Model(模型)——项目中的数据 View(视图)——数据的呈现 Controller(控制器)——获取模型数据,选择视图加以呈现。 整个MVC的流程也 ...
分类:
Web程序 时间:
2016-12-02 07:49:15
阅读次数:
139
1.什么是AngularJs AngularJs 诞生于2009年,由Misko Hevery 等人创建,后被Google收购,是一个优秀的Js框架,用于SPA(single page application)适用于以数据操作比较频繁的应用程序。 2.AngularJs的四大特性 ①采用MVC设计模 ...
分类:
Web程序 时间:
2016-12-01 03:52:51
阅读次数:
206
angularjs是谷歌公司的一个项目,弥补了hml在构建方面的不足,通过指令(directive)来扩展html标签,可以使开发者使用html来声明动态内容。 angularjs主要用来开发单页应用(SPA)为主的项目。 angularjs四个主要特点:1.mvc模式 2.双向数据绑定 3.模块化 ...
分类:
Web程序 时间:
2016-11-30 13:44:17
阅读次数:
186
1.HTML控件:以下HTML input元素被称为HTML控件: **input元素 **select元素 **button元素 **textarea元素 2.AngularJS表单实例: <div ng-app="myApp" ng-controller="formCtrl"> <form no ...
分类:
Web程序 时间:
2016-11-25 09:25:52
阅读次数:
175