angularjs专题
AngularJS for login
web.xml <?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/n
数据视图(AngularJS)
<!DOCTYPE html><html ng-app="home.controller"><head><meta charset="utf-8"><title>数据视图</title><link href="page/common/css/bootstrap.min.css" rel="stylesheet"><script src="page/common/js/angular.js"></
【AngularJS】字符查找
首先，在页面的控制器代码中添加一个名为“key”的属性，用于保存用户在文本框中输入的字符内容，该属性初始化时为空值。 然后，通过“ng-repeat”指令显示数据时，调用Angular中的“filter”过滤器，并添加一个对象性字符参数，指定在数据对象的“name”属性中查找“key”值，即在“姓名”属性中查找文本框输入的字符，如果找到，则显示在列表中，否则不显示
mongoDB 多重数组查询 AngularJS绑定显示 nodejs
var Lesson = Schema({lessonName: String,intr: String,creTime: Date,sort: String, //分类imgUrl: String, //封面地址price: Number,teacher: String,//教师subTitle:[{lNo: Number,subLName: String,src: String,filter
AngularJS的ui-grid的列表数据实现换行
在公共css中添加如下： .ui-grid-cell-contents-break { padding: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; height: 100%; word-break: break
AngularJS指令进阶 – ngModelController详解
AngularJS指令进阶 – ngModelController详解 在自定义Angular指令时，其中有一个叫做require的字段，这个字段的作用是用于指令之间的相互交流。举个简单的例子，假如我们现在需要编写两个指令，在linking函数中有很多重合的方法，为了避免重复自己（著名的DRY原则），我们可以将这个重复的方法写在第三个指令的controller中，然后在另外两个需
使用angularjs的键盘事件来增强用户体验
绑定键盘事件（尤其注意：不能用a标签，不然会失效） 推荐button 方法一：ng内置指令 <button ng-click="login()" ng-keypress="todoSomething($event)" class="btn btn-success btn-lg" ng-disabled="loginForm.$invalid">登录</button> 说明：在对应的控
angularjs中的工具方法(forEach等)
angular.bind(self, fn, args) 作用：返回一个新的函数，绑定这个函数的this指向self参数： self：新函数的上下文对象fn：需要绑定的函数args：传递给函数的参数 返回值：this指向self的新函数 var obj = { name: 'xxx', print: function (country) { console.log(thi
《AngularJS》------自定义服务 provider、service、factory
在AngularJS中，我们经常将通用的业务逻辑封装在服务里面，这样一来，不仅减少了代码量，而且使出错率也降低了，代码的易读性也提高了，所以说，我们经常用到了业务逻辑，或者是说持久化数据化操作应该放在自定义的服务里面，而不是Controller里面。下面我说一下provider、service、factory的定义方式还有主要区别。 1、provider Provide
《AngularJS》--指令的相互调用
人们喜欢AngularJS，因为他很有特色，其中他的指令和双向数据绑定很吸引着人们，那么，AngularJS的指令有什么作用哪？指令之间的是怎样相互调用的哪？ 下面有一个小小的Demo，写的是AngularJS指令之间的相互调用，大家看一下。这个Demo是这样的，页面上有三个div，每个div绑定不同的指令，当我们用鼠标滑过三个div时以触发不同的事件。
《AngularJS》——scope的绑定策略
scope这个对象在Angular中非常重要，可以说要想学好AngularJS，熟练使用Scope时基本功，下面介绍一下Scope的几种绑定策略。 1、@：把当前的属性作为字符串传递。你还可以绑定来自外层的scope的值，在属性值中插入{{}}即可。下面是代码。 <!DOCTYPE html><html ng-app="MyModule"><head><meta charse
angularJS学习小结——service
引言 最近在项目中用到了关于angularJS中的服务相关的知识，在起初学习这个东西的时候就了解到这个东西在项目 中是经常被用到的，在angular中也是比较重要的一块，所以今天小编就总结一些关于service的知识。 认识Service 关于service我们一点都不陌生，不论实在c#中还是java中我们经常会遇到service
angularJS 常用指令小结
引言 前一段时间小编被这个angularJS给弄的头昏脑涨的，并不是因为这个东西很难，而是小编之前都是使用js和 jQuery来开发的，突然使用这个东西真是有点不适应啊，思想有点转变不过来啊，当拿到一个需求之后再脑子中首先 想到的就是js怎么来实现，结果被老大给训斥一顿，最后说我“jQuery中毒太深啊”，不管还好在某一个时刻小编的 思想突然就转
使用 AngularJS 从零构建大型应用
0、导言1、准备工作2、构建框架3、丰富你的directives4、公用的services5、用controllers组织业务 导言 纵览线上各种AngularJS教程，大部分都是基础与一些技巧分析。 如果你已经能运行你的ng-app，但又找不到实际案例可以参考。那么本文应该对您有所帮助。 本文将以电商产品：友好速搭 其中的 店铺后台 作为的实际案例，裸奔展示如何从零构建“自以为大型的”A
AngularJS 的作用
作者：caoglish 链接：https://www.zhihu.com/question/22079371/answer/21369786 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 未来的发展趋势是前端后端只靠json数据来进行通信：后端只处理和发送一段json数据到前端，然后计算和模板渲染都在前端进行。而前端的改动后，形成json数据然后传回
八、angularjs 中 filter在controller中的使用--避免多次遍历
filter在html页面的使用司空见惯，比如： filter在controller中使用可以避免多次使用angular.foreach,来进行遍历。例如： 如果使用filter，则会让代码简洁而且明亮许多：
AngularJS学习之 登录表单 清爽验证（边学边更新）
注册过程的确好多需要验证的，但是注册成功之后的登录就简单多了， 只要用户 输入 用户名和密码， ajax向后台提交登录请求， 根据返回的结果确定用户名或者密码是否正确即可登录。 所以这个登录表单的验证是非常简单清晰的 <div class="wrap" ng-controller="LoginCtrl"><fieldset><legend>后台登录系统</legend><form
AngularJs过滤器（filter）
过滤器（filter）正如其名，作用就是接收一个输入，通过某个规则进行处理，然后返回处理后的结果。主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。ng内置了一些过滤器，它们是：currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、numb
angularJS资料
return home 目录结构 文章目录 @[toc]angular4工作angular2下arcgis开发angular2相关资料BootstrapJavaScriptJavaScript视频教程 TypeScriptHTML CSS菜鸟教程 http://www.runoob.com/手册网 http://www.shouce.ren/w3school http://www.w
AngularJS 表单
AngularJS 表单 AngularJS 是一个由 Google 维护的开源前端框架，它允许开发者使用 HTML 作为模板语言，并扩展 HTML 的语法，以清晰简洁地表达应用的组件。AngularJS 的核心特性之一是双向数据绑定，这极大地简化了 DOM 操作和事件处理。在 AngularJS 中，表单处理是一个重要的方面，它提供了一套完整的工具和指令来创建和处理表单。 AngularJS
angularJS依赖注入（一）
依赖注入（Dependency Injection）是一个在组件中给出的替代了硬的组件内的编码它们的依赖关系的软件设计模式。这减轻一个组成部分，从定位的依赖，依赖配置。这有助于使组件可重用，维护和测试。 Provider服务（$provide） 值（value）工厂（factory）服务（service）提供者（provider）常值（constant） value 值是简单的JavaSc
从jQuery到AngularJS，再到React，前端必须走在最前端
前言 最近 很认真地在学习AngularJS，正准备在项目中实践，却不小心地知道了React，根据我师傅说的 React相比AngularJS对DOM的操作思想又是不一样的，React的虚拟文档对象模型(DOM)和拼接机制很有可能是新的一种趋势。这让我很忧郁啊 * _ * ，就像以前初学JavaScript的时候，jQuery的编程思想让我耳目一新，于是没有深入学JavaScript而是花了很长
[爬坑]关于angularJS的controller文件压缩的问题
前言 独自摸索最大的麻烦就是遇到奇怪的问题，比如我一下午都在爬一个坑，就是angularJS的controller文件用gulp打包压缩后网页上一直报错。期初还以为是angularJS的版本问题，傻逼比地翻墙去下载各种版本的angular.min.js文件，结果一个个试过去还是没把问题解决。最后还是无意中发现controller文件未打包前没有报错，而打包后就报“Unknown provider
AngularJs 之 Promise 探究
一、Promise 存在的意义 解决代码层次变深后，带来的难以阅读、调试、维护、升级这些难题。 二、JavaScript传统的异步调用是使用回调函数，当我们需要对三个及三个以上的服务器进行调用访问时，如果使用回调函数的方式，那就是一层嵌套一层，最后就不知道嵌套到哪里去了，而且每一层之间如果涉及到参数的传递或者返回值的共享，那可真的是要玩死你 @_@ 。最终结果要不就是写一个几十上百行的一个
Bootstrap3 datetimepicker在AngularJs中使用实例
推荐使用这个版本：Bootstrap3 datetimepicker控件之smalot的使用 关于 datetimepicker的使用，参考：http://blog.csdn.net/u011127019/article/details/51725081 在AngularJs中使用实例： HTML代码： <div class="container" ng-app="myApp" ng-
AngularJS路由之ui-router（三）
一、为ui-router添加进度条 在使用动态控制器或者ajax，添加数据的时候需要进度条提示， 我们可以使用路由状态的事件添加全局进度条提示 $stateChangeStart: 当状态开始改变时触发 $stateChangeSuccess: 当状态改变结束时触发 二、实例1，创建一个进度条指令 // Route State Load Spinner(used on page