AngularJS animations and TweenLite make it really easy to create cool 3d effects in your application. <!DOCTYPE html> <html ng-app="helloGreensock"> <head lang="en"> <meta charset="UTF-8"> <title>…
AngularJS 表单     AngularJS使用了MVX的结构,我们可以是传统的表单更加强大.比如过去我们得自己写一大堆验证,比过过去我们得自己转换用户的输入, 现在这些工作全部可以交给AngularJS. 我们唯一要关心的就是model中的值. 在AngularJS中 ,form和input其实也是directive.(是不是很奇怪!) 这两个家伙就是传统form的加强版.     使用input标签     ng-model input专用directive,双向绑定,配合其他功能提…
[js类库AngularJs]学习angularJs的指令(包括常见表单验证,隐藏等功能) AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心的 是:MVVM.模块化.自动化双向数据绑定.语义化标签.依赖注入.等等. 参考资料: angularjs中文网:http://www.apjs.net/ angularjs官网:http://angula…
最近工作需要用到,接触的比较多,在此系统学习一下. angular.js 是新一代web MVC开发框架,对应 模型,视图,控制器.,相比 jquery 模式,这种新玩意竟然不需要开发者直接去操作dom . angular.js的优点: 1.数据双向绑定,视图与模型保持一致性,视图的改变可以同步到模型,模型的改变也可以体现在视图上. 2.依赖注入,起初学习,这点不是特别好理解,比如一个视图对应一个控制器,我们知道逻辑部分要写到控制器里面,加入A,B视图都有共用    的模块需要从线上服务器取相同…
AngularJS是什么? AngularJS是一种构建动态Web应用的结构化框架.主要用于构建单页面Web应用, 增加抽象级别,使构建交互式的现代Web应用变得更加简单. AngularJS使开发Web应用变得非常简单,同时也降低了构建复杂应用的难度.它提供了开发者在现代Web应用中经常要用到的一系列高级功能,例如: 解耦应用逻辑.数据模型和视图: Ajax服务: 依赖注入: 浏览历史(使书签和前进.后退按钮能够像在普通Web应用中一样工作): 测试: 更多功能... 我们可以在A…
AngularJS实现表格数据的编辑,更新和删除 效果 实现 首先,我们先建立一些数据,当然你可以从你任何地方读出你的数据 var app = angular.module('plunker', ['ui.bootstrap']); app.controller('MainCtrl', function($scope) { $scope.name = 'World'; $scope.employees =[{id:101, name:'John', phone:'555-1276'}, {id:…
AngularJS改变元素显示状态 前言 本文描述使用AngularJS提供的ng-show和ng-hide指令实现自动监听某布尔型变量来改变元素显示状态. 控制html元素显示和隐藏有n种方法:html的hidden.css的display.jquery的hide()和show().bootstrap的.hide.今天的重点不是显示和隐藏,而是监听某个布尔变量值,自动改变元素显示和隐藏状态.监听函数.if判断.选择dom.设置dom,5行代码搞不定吧,而且毫无技术含量. 实例1 <body>…
AngularJS路由问题解决 遇到了一个棘手的问题:点击优惠详情时总是跳转到药店详情页面中去.再加一层地址解决了,但是后来发现问题还是来了: Could not resolve 'yhDtlMaintain/yhdetail' from state 'yhMaintain' 药店详情          http://192.168.1.118:8088/lmapp/index.html#/0 优惠券详情      http://192.168.1.118:8088/lmapp/index.ht…
AngularJS+BootStrap实现弹出对话框 参考资料: http://angular-ui.github.io/bootstrap/#/modal https://www.zybuluo.com/bornkiller/note/6023 http://www.html5jq.com/fe/angular_node/20141127/13.html 若想要实现对话框弹出效果,可以使用angular的$modal服务.Github上的解释如下: $modal is a service to…
AngularJS参数绑定有三种方式.第一种插值表达式“{{}}”表示,第二种在标签中使用ng-bind属性表示,第三种针对input框(标签)的ng-module属性表示.针对三种参数绑定方式,设定了以下三个小案例. 1.插值表达式 案例核心代码: demo01.html: <!DOCTYPE html><html lang="en" ng-app="myapp"><head> <meta charset="UT…