我也要用
angularJS应用详解
angularJS相关的应用知识
zcl_love_wx
真正的爱情，就像花朵，开放的地方越贫瘠，越是美丽动人！
-
原创 AngularJS简介
AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入。AngularJS主要考虑的是构建CRUD应用。幸运的是，至少90%的WEB应用都是CRUD应用。什么不适合用AngularJS构建？如游戏，图形界面编辑器，这种DOM操作很频繁也很复杂的应用，和CRUD应用就有很大的不2016-05-05 14:26:22
609
0
-
原创 深究AngularJS——AngularJS中的Controller(控制器)
先看个示例<div ng-app="myApp" ng-controller="myCtrl"> <!-- 在该控制器内保存着如下两个Model里的数据 ng-model 指令用于双向绑定输入域到控制器的属性 --> 第一个数字: <input type="text" ng-model="first"><br> 第二个数字: <input type="text"2017-02-15 14:09:34
4715
0
-
原创 AngularJS自定义指令详解（有分页插件代码）
前言除了 AngularJS 内置的指令外，我们还可以创建自定义指令。 通过 .directive() 函数来添加自定义的指令。 调用自定义指令时，需要在HTMl 元素上添加自定义指令名。 自定义指令命名规则：使用驼峰命名法来命名，即除第一个单词外的首字母需大写。如： myDirective。 在html页面调用该指令时需要以 - 分割，如： my-directive。示例代码：<body2016-05-06 14:44:31
12439
2
-
原创 深究AngularJS——如何获取input的焦点（自定义指令）
我佛慈悲，取经（转载）请说明出处，以便更多人来本寺取得真经，阿弥陀佛1. 写在前面关于如何获取input框、textarea等的焦点，网上有许多文章都只是会跟你说ng-focus这个内置指令。像这种解答，只能说明作者并为真正理解人家的需求。ng-focus是一个事件，跟原生JS（JavaScript）的onfocus是一样的，当我们点击input框时，就会触发该事件，而在该事件里我们可以调用一个函数2016-05-12 10:47:35
23753
6
-
原创 深究AngularJS——监听模型$watch
前言1.$watch是scope内置的函数，它的作用是用来监听数据的变化。 2.$watch可监听哪些数据？ 单个对象的属性 需要计算的结果（函数） 3. 语法: $scope.$watch(F,M,B);对$watch参数的了解F：要监听的数据（表达式或函数的字符串），主要是监听这些数据改变没有。它会返回被监听数据的当前值。M：当监听的数据发生变化时，就会调用M（它是函数或2016-05-12 13:53:44
14710
1
-
原创 深究AngularJS——下拉框（selected）
即使写一个下拉框，也会有多种情况，我这里讲讲我遇到过的。1. 将值写死的情况：<body><div ng-app="myApp" ng-controller="myCtrl" > <select ng-model="adStyle" ng-change="look();" > <option value="0">全部广告类型</option> <optio2016-05-13 10:46:08
15564
2
-
原创 深究AngularJS——ng-checked（回写：带真实案例代码）
1.需求在添加页面实现一个checkbox的选择，然后在详情页面展示时，会自动选上之前被选中的。2.添加页面看官最好将这个代码复制过去看看效果。<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></s2016-05-13 11:36:58
16000
1
-
原创 深究AngularJS——校验（非form表单）
为什么是非form表单？因为基本上都是通$http服务异步发送与接收数据，没有form表单个一样可以。更何况，form表单的提交校验在哪里都可以搜索得到，我这个是通过自己总结出来滴。<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/2016-05-13 13:46:10
4306
0
-
原创 深究AngularJS——$sce的使用
为什么要要$sce？因为angularJS里好些地方，比如路径默认是个字符串，不会认为是路径，从而访问不到我们需要的东西，那么我们就可以通过$sce告诉angualrJS这个路径，这样是很安全滴。它有以下几种：$sce.trustAs(type,name);$sce.trustAsUrl(value);$sce.trustAsHtml(value);$sce.trustAsResourceUr2016-05-13 14:37:38
15665
0
-
原创 深究AngularJS——排序
先看看代码吧： //按时间排序<html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app="myApp" ng-controller="myCtrl"> <2016-05-13 18:28:23
1296
0
-
原创 深究AngularJS——ng-drag、ng-drop
1.插件下载地址：https://github.com/fatlinesofcode/ngDraggable/blob/master/ngDraggable.js2.讲解<div ng-drop="true" ng-drop-success="dropComplete($index,$data,$event)" ng-repeat="item in content"> <li ng-drag2016-06-16 14:25:23
13418
3
-
原创 深究AngularJS——过滤器（filter）
详解过滤器2016-05-14 14:24:23
4134
2
-
原创 深究AngularJS——自定义服务详解(factory、service、provider)
前言3种创建自定义服务的方式。 FactoryServiceProvider大家应该知道，AngularJS是后台人员在工作之余发明的，他主要应用了后台早就存在的分层思想。所以我们得了解下分层的作用，如果你是前端人员不了解什么是分层，那么你最好问问你后台的小伙伴。 dao层：就是Model层，在后台时，这一层的作用，就要是写与数据库交互数据的一层，在angularJS里就主要是写ajax2016-05-14 09:56:39
47981
4
-
翻译 深究angularJS——（上传）FileUploader中文翻译
1.???????http://www.bootcdn.cn/angular-file-upload/readme/ API ? https://github.com/nervgh/angular-file-upload/wiki/Module-API ??? ???http://nervgh.github.io/pages/angular-file-upload/examples/simpl2016-06-16 16:27:09
18410
8