五年丶-CSDN博客

原创 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 <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">

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

五年的博客