- 博客(15)
- 收藏
- 关注
原创 angularjs-$resource and RESTful API
1.$resource: 比如说我要获取json里边的值: 如图所示: 就可以这样写:var User = $resource('data/:name.json');data/:name.json 相当于实现了动态更换url路径值得注意的是:需要注入在控制器中注入$resource,在var app = angular.module('myApp',['ngResource']);做相应
2016-11-14 16:09:44
363
转载 angularjs-与服务器通信(1)
1.$http:基本使用:$http({url:’users.json’,method:’get’})then(sucessFn,errorFn)简写形式:get()/post()/delete()/put()/jsonp()/head()比如:(这种传值方法之前也有用过)$http.get('data/users.json').success(function (data) {
2016-11-14 11:22:18
282
原创 angularjs实现混合多选(纯angularjs)
需求还是同上一篇一样。 从这个网站上得到了灵感,相当于是重新设计,然后写了一遍程序。 网站:http://damoqiongqiu.iteye.com/blog/1917971 实例6 自己所写的基于这个例子得以实现: 让我想想原理,我面前所认为,核心思想就是:由于键值对是一一对应的,key,value之间有着关联,点击时候,先得到json的key,然后跟着去匹配他的value,然后下拉栏显
2016-11-10 16:15:06
856
原创 angularjs实现混合多选(jquery用以辅助)
值得注意的几个地方: 1.指令directive中的scope拥有独立的作用域,每一个template也是拥有自己的作用域,不和其他的相互影响,这样一来就简化了工作; 2.当没有id时候,如何在指定DOM添加属性,比如id,display… 运用: $(element).find('.hideMenu').attr('id', 'multi-act');通过$(element)来通过cl
2016-11-09 15:16:35
4026
原创 angularjs-服务
1.服务提供能够在应用的整个生命周期保持数据的方法, 它能在控制器之间通信,且能保持数据的一致性。首先工厂服务,属于服务的一种: 可以在其中设置get,set方法,就像返回一个对象一般。 声明方法为:app.factory('UserService', function ($http) { var currentUser = {};//保存当前用户数据 return {
2016-11-09 11:05:14
220
原创 angularjs-表单自定义验证
自定义验证ctrl.$setValidity(‘field’,true/false)ngMessages用于简化验证提示信息代码的编写1.导入angular-messages.js2.添加依赖‘ngMessages’3.设置ng-messages=”form.name.$error”4.设置ng-message=”required”通过验证用户名的唯一性:app.directive('en
2016-11-08 15:39:32
772
原创 angularjs-表单验证事件
验证触发1.禁用H5原生验证:在form对象上添加novalidate属性2.失去焦点触发验证: 创建$scope.focused=false; 使用ng-focus,ng-blur事件,修改focused状态(分别为获得焦点、失去焦点事件)3.当提交表单时验证: 创建$scope.submitted=false; 提交表单时,如果$scope.form.$invalid==true,
2016-11-08 15:31:42
2703
转载 angularjs-表单与验证-表单控件的使用
表单控件:input/select/textarea<!--h4的表单控件--> <input type="text"/> <input type="password"/> <input type="radio"/> <input type="checkbox"/> <input type="file"/> <input type="hidden"/> <select n
2016-11-07 15:28:24
353
转载 angularjs-表单与验证-表单的嵌套及其声明
表单声明:<form name="myForm" ng-controller="myFormController"</form>表单嵌套: Angular中表单能够嵌套的,浏览器实际不允许,所以Angular提供了ngForm指令。<form name="outterForm"> <ng-form name="innerForm"> <!--声明其为必填项 required必填-->
2016-11-07 15:23:30
1872
转载 angularjs 多重视图与路由
路由的基本使用: 1.引入独立的路由库文件:angular-route.js2.添加模块依赖:angular.module(‘myApp’,[‘ngRoute’])3.创建布局模板,加入ng-view作为视图容器4.配置路由: app.config(function($routeProvider){//定义路由});5.使用a进行路由或者注入$location实现视图路由视图之间的路由方式:1.
2016-11-07 14:07:50
489
原创 angular学习笔记(2)
html:<!DOCTYPE html><html ng-app="myApp"><head lang="en"> <meta charset="UTF-8"> <title>混合多选</title> <link rel="stylesheet" href="css/angular-csp.css"/> <link rel="stylesheet" href="c
2016-11-03 15:19:20
246
原创 angularjs学习笔记(1)
<html><!DOCTYPE html><html ng-app="myApp"><head lang="en"> <meta charset="UTF-8"> <title>混合多选</title> <link rel="stylesheet" href="css/angular-csp.css"/></head><body>{{'第一个,数据的双向bandin
2016-11-03 10:11:02
245
原创 用JQuery和angularjs分别实现两个盒子间按钮的跳转(第三版 demo实现)
董哥给的demo 其他自己的实现;<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title></head><style> .box{ background:#ccc; width:200px; height:200px;
2016-10-25 09:48:16
375
原创 用JQuery和angularjs分别实现两个盒子间按钮的跳转(第二版)
精简了jQuery代码 不足之处做了改进; html:<!DOCTYPE html><html><head lang="en"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery</title> <style> .table{
2016-10-25 09:47:05
452
原创 用JQuery和angularjs分别实现两个盒子间按钮的跳转(第一版)
来这家公司实习快一个月了。这次给我们分配的任务是看angularjs,说实话我对什么js是一脸蒙蔽。这次给的任务是用JQuery和angularjs分别实现两个盒子间按钮的跳转,还有一个清空(此处清空为按钮全部跳转)和排序功能上代码:JQuery:html: jQuery .table{
2016-10-21 12:50:48
447
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人