Angularjs

彻底弄懂angularJS表单验证

常用的表单验证指令（基本概念）1.必填项验证某个表单输入是否已填写，只要在输入字段元素上添加HTML5标记required即可： 2.最小长度验证表单输入的文本长度是否大于某个最小值，在输入字段上使用指令ng-minleng="{number}"：3.最大长度验证表单输入的文本长度是否小于或等于某个最大值，在输入字段上使用指令ng-maxlength="{number}"：4.模式匹配使用ng-p
墨纸瀚云·2016-10-18 11:00

使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果

ReactJS是可以达到游戏级别的渲染，fps可以保持在60左右，相当的了不起，它做了一个虚拟domtree加速了渲染过程，根据当时的数据说比angularjs快20%以上。前沿对于React，去
方方和圆圆·2016-10-17 14:39

AngularJS基本知识点

AngularJSAngularJS是一个MV*框架，最适于开发客户端的单页面应用。它不是个功能库，而是用来开发动态网页的框架。
一直以来都很好·2016-10-14 10:09

ionic 开发中用到的时间选择器

1.AngularJSDatepicker转自https://github.com/ahmerafzal/Ionic-Datepickerhtml代码js代码(controller中)$scope.DatePicker
霄永梓·2016-10-13 17:15

AngularJS Phonecat （步骤13-步骤14）--完结篇

导言最近在学AngularJS的实例教程PhoneCatTutorialApp，发现网上的中文教程都比较久远，与英文版对应不上，而且缺少组件和文件重构两节。所以决定自己整理一个中文简明教程。
minxuan·2016-10-12 16:00

AngularJS 学习教程

AngularJS学习教程简介AngularJS是Google的一个JavaScript 框架，旨在简化前端应用程序的开发。AngularJS是比较新的技术，版本1.0是在2012年发布的。
qinxuefly·2016-10-12 10:00

Angularjs手动解析表达式（$parse）

下面一段代码给大家介绍了angularjs手动解析表达式($parse)，具体代码如下所示：手动解析表达式（$parse）{{parsedValue}}angular.module('app',[]).
冰果在线·2016-10-12 09:54

爱创课堂2016年Angular.JS从入门到上手企业开发视频教程(完整版)

AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。
爱创课堂前端培训·2016-10-11 15:00

Redux、Flux、Vuex

后来前端工程师仿照MVC模式开发了很多框架出来：backbonejs、angularjs、emberjs、knockoutjs等等。再后
alwaysVe·2016-10-11 00:00

AngularJS学习第五天：订单列表

相关文章推荐Angular学习第一天：登录功能Angular学习第二天：tab标签页切换效果Angular学习第三天：用户地址管理Angular学习第四天：用户地址管理今天我们来做一下电商网站常见的订单列表功能实现功能，订单列表相信大家都熟悉（小编最喜欢的就是确认收货了！！）显示商品列表订单支付提醒发货当订单列表没有订单时，显示没有订单确认收货订单首先我们来看下实际运行效果Paste_Image.
小枫学幽默·2016-10-10 16:00

AngularJS初学之：控制器方法

刚开始学习AngularJS，记录一些经常用到的知识点：控制器方法{{x.name+','+x.age}}共：{{total}}varapp=angular.module('myApp',[]);app.controller
misterchang·2016-10-10 16:33

AngularJS Phonecat （步骤6-步骤7）

导言最近在学AngularJS的实例教程PhoneCatTutorialApp，发现网上的中文教程都比较久远，与英文版对应不上，而且缺少组件和文件重构两节。所以决定自己整理一个中文简明教程。
minxuan·2016-10-09 01:17

AngularJS 2.0入门权威指南

学习Angular2当越来越多的webapp使用Angular1构建的时候，更快更强大的Angular2将会很快成为新的标准。Angular的新约定使得它更容易去学习、更快的去开发app。通过本教程学习更快速。更强大的Angular版本。Angular一个跨移动和桌面的框架快速开始本指南指导你如何构建一个简单Angularapp。可以使用typescript/JavaScript/Dart任意一种
xyscat·2016-10-08 11:35

细说JavaScript作用域和闭包

后来的知道了原来可以利用ajax技术来实现无刷新获取服务端数据，这让我开始觉得前端还是有好多事可以做的，在之后因为老师的一个项目的关系接触了AngularJS，便开始了AngularJS的学习。
Ontides·2016-10-05 10:19

Angularjs实现带查找筛选功能的select下拉框示例代码

都知道jquery里有这样的插件，但我们用的是Angularjs,更希望用双向绑定，指令的方式优雅地解决这个问题。
茜瓜·2016-10-04 16:49

Angularjs 学习笔记（一）基础

1.简介：AngularJS(Angular.JS)是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程，提供web应用的架构，无需进行手工DOM操作。
灵熙兔·2016-10-02 16:09

angularJs 笔记

angular（网址：docs.angularjs.cn/api/mg/function/angular.element）angular插件地址（http://ww
darkblueLove·2016-09-29 16:58

打造AngularJs2.0开发环境

angularjs2.0刚发布,typescript2.0也刚发布,于2016.9.29记录.参考文档：https://angular.cn/docs/ts/latest/quickstart.htmlwin7
heguo·2016-09-29 14:00

给年轻的前端程序员提升能力的几条建议

他可能会说“我现在对Web前端比较熟悉，但我想深入了解AngularJS，另外React现在发展的很快我也想看一下。之后，我会花时间去学习iOS和Android开发。”看上去不错，但缺乏系统性的目标。
CathyZYF·2016-09-29 00:00

AngularJs 基础教程 —— 依赖注入

阅读更多本文为H5EDU机构官方HTML5培训教程，主要介绍：AngularJs基础教程——依赖注入AngularJS依赖注入什么是依赖注入wiki上的解释是：依赖注入（DependencyInjection
周大帅·2016-09-28 17:00

AngularJs 基础教程 —— 依赖注入

阅读更多本文为H5EDU机构官方HTML5培训教程，主要介绍：AngularJs基础教程——依赖注入AngularJS依赖注入什么是依赖注入wiki上的解释是：依赖注入（DependencyInjection
周大帅·2016-09-28 17:00

AngularJS表单验证中级篇（3）

目录基本验证验证插件messages自定义验证基本验证{{form.$invalid}}{{form.$valid}}{{form.$dirty}}{{form.$pristine}}重置提交以上展示了基本的ng验证.这里重点介绍一下上面的特例:novalidate:禁用H5自带的验证ng-maxlength:如果不写ng,maxlength则直接限制最多输入字符,稍微有点区别(IE9+Chrom
Never、C·2016-09-28 14:32

AngularJS学习第四天：购物车功能

相关文章推荐Angular学习第一天：登录功能Angular学习第二天：tab标签页切换效果Angular学习第三天：用户地址管理今天我们来做一下电商网站常见的购物车功能实现功能，购物车相信大家都熟悉（作为剁手党我还是要神秘的笑一下....）显示商品列表商品添加进购物车购物车内商品数量的增减当购物车内没有商品时，显示去购物购物车内商品总件数和总价的计算及显示首先我们来看下实际运行效果商品列表.pn
小枫学幽默·2016-09-27 12:22

AngularJs中的directive（二）

require?如果在当前指令中没有找到所需的控制器，就会将null传递给link函数中的第四个参数^如果添加了这个前缀，指令会在上游的指令链中查找require参数所指定的控制器?^合并了前面两个说法没有前缀指令就会自身提供的控制器中查找，如果没有查找到，就会抛出异常来。link对于link与scopescope，我们需要用到一个link函数，他由指令定义对象中的link属性配置。link:fu
影绰·2016-09-27 00:00

AngularJs中的directive（一）

angular.module("app",[]).directive("directiveName",function(){return{//通过设置项来定义};})restrict类型：（字符串）可选参数取值有：E(元素),A(属性),C(类),M(注释)，其中默认值为A；E(元素)：A(属性)：C(类)：M(注释)：template类型：（字符串或者函数）可选参数varmyModule=ang
影绰·2016-09-27 00:00

AngularJs中的provide

AngularJS用$provide去定义一个供应商,这个$provide有5个用来创建供应商的方法：constantvalueservicefactoryproviderdecoratorConstant
影绰·2016-09-27 00:00

关于AngularJs的ng-repeat

ng-repeat生成重复标签varpage=[{title:'标签一',templatUrl:'/页面路径',controller:'控制器名称',deps:['/页面相关js文件的路径']}]//记录点击的是第几页$scope.showPage=function(page){$scope.currentPage=page;};//默认第一页$scope.showPage(pages[0]);
望见追随者·2016-09-26 19:46

随便记录

angularjs路由传参从A页面跳转到B页面:$scope.goToDetail=function(excelId){vardata=angular.copy($stateParams,{});//拷贝本页面
feeling_climbing·2016-09-26 11:08

AngularJS中controller作用域的继承与隔离

我在以前的文章里写过关于指令的作用域继承与格里，指令作用域继承与隔离，可以在directive中通过scope={}实现。controller可以实现继承和隔离，首先继承是依赖于scope树的，也就是说只要存在了scope就能实现继承，隔离也只是在特定条件下才形成的隔离（这种思路和指令的继承与隔离很相似，其实道理也一样）。对于controller与directive都存在基本类型与引用类型的区别。
MakingChoice·2016-09-26 10:17

AngularJS实现星星等级评分功能

星期六加班，教育后台也要有星级评分等级的需求，醉了……基本知道些怎么做，网上也随便找了找，没什么合意的，毕竟需求不同，也不能完全一样不是。学习之，改之�r(�s��t)�qDirectiveangular.module('XXX').directive('stars',stars);functionstars(){vardirective={restrict:'AE',template:''+''
大禹不治水·2016-09-24 15:51

【AngularJS: Up & Running】第04章_表单、输入和服务

1ng-model的使用ng-model指令：进行数据的双向绑定Youtyped{{ctrl.username}}angular.module('notesApp',[]).controller('MainCtrl',[function(){this.username='nothing';}]);2表单的使用varself=this;self.submit=function(){console.l
R3lish·2016-09-23 18:19

AngularJs 基础教程 —— Select(选择框)

阅读更多本文为H5EDU机构官方HTML5培训教程，主要介绍：AngularJs基础教程——Select(选择框)AngularJSSelect(选择框)AngularJS可以使用数组或对象创建一个下拉列表选项
周大帅·2016-09-23 17:00

AngularJs 基础教程 —— Select(选择框)

阅读更多本文为H5EDU机构官方HTML5培训教程，主要介绍：AngularJs基础教程——Select(选择框)AngularJSSelect(选择框)AngularJS可以使用数组或对象创建一个下拉列表选项
周大帅·2016-09-23 17:00

用Spring Boot & Cloud，Angular2快速搭建微服务web应用 - AngularJS2客户端

开发环境搭建AngularJS2的开发需要node.js环境。在Windows下面安装node.js，最好使用NVM（NodeVersionManager）。
cuiwader·2016-09-23 16:00

AngularJS监听路由的变化示例代码

话不多说，我们下面直接来看实现的示例代码【一】Angular路由状态发生改变时可以通过'$stateChangeStart'、'$stateChangeSuccess'、'$stateChangeError'监听，通过注入'$location'实现状态的管理代码示例如下：functionrun($ionicPlatform,$location,Service,$rootScope,$statePa
宋俊波·2016-09-23 08:44

【AngularJS: Up & Running】第02章_基本的AngularJS指令及控制器

1数组的操作与显示（ng-repeat简单使用）ng-repeat使用类似for-each循环{{note.label}}angular.module('notesApp',[]).controller('MainCtrl',[function(){varself=this;self.notes=[{'label':'标签1','done':true},{'label':'标签2','done':
R3lish·2016-09-22 15:11

AngularJS通过$sce输出html的方法

【问题描述】AngularJS的强大之处之一就是他的数据双向绑定功能----->ng-bind和针对form的ng-model但在我们的项目当中会遇到这样的情况，后台返回的数据中带有各种各样的html标签
yangnianbing110·2016-09-22 08:29

AngularJs 基础教程 —— 控制器

阅读更多本文为H5EDU机构官方HTML5培训教程，主要介绍：AngularJs基础教程——控制器AngularJS控制器AngularJS控制器控制AngularJS应用程序的数据。
周大帅·2016-09-21 17:00

AngularJs 基础教程 —— 控制器

阅读更多本文为H5EDU机构官方HTML5培训教程，主要介绍：AngularJs基础教程——控制器AngularJS控制器AngularJS控制器控制AngularJS应用程序的数据。
周大帅·2016-09-21 17:00

AngularJs入门

1$scope（作用于一个Controller）与$rootScope（全局）的作用域区别2特殊变量名（如：$scope,$rootScope）在js压缩（类似Android的代码混淆）过程中避免被替换而报错的解决方案原：app.controller('secondController',function($scope,$rootScope){$scope.name='李四';$rootScope
R3lish·2016-09-21 14:24

AngularJS 单元测试（二）详解

使用对象模拟注入我们可以非常容易的使用angularjs的$provider服务用一个对象模拟一个依赖并且注入。
MakingChoice·2016-09-21 10:31

AngularJS 单元测试（一）详解

AngularJS单元测试网上有很多单元测试的教程，比如如何安装jasmine和ngMock，大家可以搜一下。这里就不在说了。下面重点介绍一个单元测试的过程。
MakingChoice·2016-09-21 10:49

AngularJS ng-table插件设置排序

基础概念ng-table提供了一个表头来提供，基础的过滤信息：（1）指定一列的过滤器，然后模板就会使用。（2）ngTable支持number,text,select和select-multiple的值模板。（3）可以有选择的为NgTableParams提供初始过滤值。ngTabledirective{{row.name}}{{row.age}}{{row.money}}{{row.country}
MakingChoice·2016-09-21 10:55

AngularJs $parse、$eval和$observe、$watch详解

$parse和$eval$parse和$eval这两个函数都可以解析表达式的值.它们的区别在于$parse是一个服务,可以注入使用.$eval是scope对象上的一个方法,我们只能在能访问scope的场景下使用它.vargetter=$parse('user.name');varsetter=getter.assign;varcontext={user:{name:'JohnDoe'};varlo
菲汐·2016-09-21 10:29

AngularJs ng-repeat 嵌套如何获取外层$index

一个真实项目的例子是遍历表格的行和列,每一行需要显示当前是第几行,我立刻想到用$index,简直就如同砍瓜切菜般,一切都那么行云流水,简直太容易了,于是有了下面这段代码.可当我的程序跑起来了,我发现我获取的$index感觉怪怪的,我想一定是我打开的方式不对,我狂按几下F5,可事实就是我的程序出BUG了,因为它拿到的是列循环的索引.这下我懵逼了.你TM是在逗我?经过思索,我想到了ngInit,于是有
菲汐·2016-09-21 10:28

angularJS Provider、factory、service详解及实例代码

factory用Factory就是创建一个对象，为它添加属性，然后把这个对象返回出来。你把service传进controller之后，在controller里这个对象里的属性就可以通过factory使用了。app.controller('myFactoryCtrl',function($scope,myFactory){$scope.artist=myFactory.getArtis();});a
在路上_W·2016-09-21 09:36

AngularJS ngModel实现指令与输入直接的数据通信

首先来看一下效果，在拖动input[range]的时候，下面的动画会随着拖动而发生改变，利用的原理就是ngModel实现的通信。实现的原理就是通过在指令中引入^ngModel来实现指令内部与外部之间的通信。下面有几个点：1、$formatters中push进去的函数实现modelValue转成valeuValue。2、$render方法实现把viewValue中的值渲染到模板中。3、$setVie
MakingChoice·2016-09-21 09:30

AngularJS ng-style中使用filter

问题原因:Angular中使用boostrap的progress在ie8下有问题,不能显示出进度错误的写法:这可能是因为在刚开始渲染页面时,user的值还没有获取到,所以width一直为0.后来获取到user的值了,但界面已经不能自动更新了导致的.正确的写法:总结因为ng-style是angular自己的指令,它会监听user的变化,并输出层div的style属性,所以是正确的.注意,在ng-st
飞将军·2016-09-21 09:11

javaScript面试题

RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Canvas、jQuery、ECMAScript2015（ES6）、Node.js、AngularJS
hxpp777·2016-09-20 17:19

AngularJS删除路由中的#符号的方法

最近做一个web应用，有个需求需要删除angular路由中的#号。例如：http://example.com/http://example.com/#/abouthttp://example.com/#/contact需要改成http://example.com/http://example.com/abouthttp://example.com/contact这个是angular默认自带的，所以
天外野草·2016-09-20 14:25
上一页 126 127 128 129 130 131 132 133 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他