2016年11月_xyphf_和派孔明

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月

原创 AngularJS依赖注入常用对象注入器 $injector常用API方法，get、has、invoke

get与has ①has方法的作用是从注册的列表查找对应的服务，如果找到返回true，否则返回false;它的调用格式如下：injector.has(name)②get方法的作用是返回指定名称的服务实例，获取到服务的实例对象后，就可以直接调用服务中的属性和方法，它的调用格式如下：injector.get(name)为了更深入的理解这两个API的使用方法，我们通过一个简单的示例来演示他们在应用中的使

2016-11-16 11:31:25 5327 1

原创 AngularJS行内注入

<!doctype html><html ng-app="a4_5"><head> <title>行内式注入</title> <script src="../Script/angular.min.js" type="text/javascript"></script> <style type="text/css"> body {fo

2016-11-16 10:46:02 1084

原创 AngularJS依赖注入示例

需求解释在页面的视图模中，添加4个文本不同的按钮，通过依赖注入的方式，向控制器注入多个依赖对象，当单击按钮时，根据选择的对象不同，将在页面的< div >元素中将显示不同的问候内容。先贴代码在解释<!doctype html><html ng-app="a4_2"><head> <title>简单依赖注入的示例</title> <script src="../Script/a

2016-11-15 17:09:17 1171

原创 AngularJS过滤器应用之表头排序

需求解释：表头排序指的是使用列表方式显示数据时，如果用户单击列表中某列头部元素，那么列表中的全部数据将会自动按该列表的属性值自动排序，默认为升序，再次单击为降序；案例如下：先贴代码：<!doctype html><html ng-app="a3_4"><head> <title>表头排序</title> <script src="../Script/angular.min.j

2016-11-14 17:23:04 2923 2

原创 AngularJS点击添加样式、点击变色设置

首先解释需求是这样的，有个列表，当你点击哪一行时，哪一行背景变成灰色，在JQ中，大家都知道，这是非常容易的，加一个addClass就行了，那么AngularJS如何实现呢？下面我们看代码部分<!doctype html><html ng-app="a2_11"><head> <title>添加元素样式</title> <script src="../Script/angular.

2016-11-14 16:35:06 19164 3

原创 AngularJS服务入门案例简介

angularJS服务内容简介

2016-11-11 12:04:26 565

原创 AngularJS实用入门

1、隔行换色<!DOCTYPE html><html ng-app="my_app"><head> <meta charset="UTF-8"> <meta name="author" content="" /> <meta name="copyright" content="" /> <title>隔行换色</title><style>.white{back

2016-11-06 19:19:29 803

原创前端自动化工具Gulp入门及常规配置

1、首先你要装上nodejs环境； http://nodejs.org；在命令行输入node -v 回车（Enter），如果安装正确，你会看到n ode的版本号；在命令行输入npm -v 如果正确，你可以看到npm的版本号；如果错误，请重试；2、 cd定位到目录，用法：cd + 路径； cd..返回上层目录 dir列出文件列表； cls清空命令提示符窗口内容。3、安装

2016-11-06 17:23:09 1008

原创 AngularJs路由、模块、依赖注入案例

index.html<!doctype html><html ng-app="bookStoreApp"><head> <meta charset="UTF-8"> <title>BookStore</title> <script src="framework/1.3.0.14/angular.js"></script> <script src="framework

2016-11-05 10:13:28 1153

原创 AngularJS 模块与控制器

<!doctype html><html ng-app="HelloAngular"> <head> <meta charset="utf-8"> </head> <body> <div ng-controller="helloAngular"> <p>{{greeting.text}},Angular</p>

2016-11-05 09:28:08 603

原创 AngularJS自定义指令模板

Directive.html<!doctype html><html ng-app="MyModule"> <head> <meta charset="utf-8"> </head> <body> <hello></hello> </body> <script src="js/angular-1.3.0.js"></scrip

2016-11-05 09:25:06 1025

原创 AngularJS基础入门

1、AngularJS 表达式把数据绑定到 HTML<!DOCTYPE html><html><head><meta charset="utf-8"><script src="angular.js"></script></head><body><div ng-app=""> <p>我的第一个表达式: {{ 5 + 5 }}</p></div></body></html>2

2016-11-04 23:42:51 1274

原创 [构建跨平台APP]PhoneGap环境配置方法介绍

开始：安卓环境搭建进入安卓开发者官网,http://http://developer.android.com/ 因为谷歌在国内无法访问，请搭建去云盘下载：http://pan.baidu.com/s/1qWPT8eC ，下载后将其复制到某个盘根目录下，必须保证路径中不含有中文；打开D:\adt-bundle-windows-x86-20140321\eclipse下的eclipse即可进

2016-11-04 22:14:06 764