![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
五年丶
这个作者很懒,什么都没留下…
展开
-
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 · 240 阅读 · 0 评论 -
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 · 279 阅读 · 0 评论 -
angularjs-服务
1.服务提供能够在应用的整个生命周期保持数据的方法, 它能在控制器之间通信,且能保持数据的一致性。首先工厂服务,属于服务的一种: 可以在其中设置get,set方法,就像返回一个对象一般。 声明方法为:app.factory('UserService', function ($http) { var currentUser = {};//保存当前用户数据 return {原创 2016-11-09 11:05:14 · 218 阅读 · 0 评论 -
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 · 764 阅读 · 0 评论 -
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 · 2696 阅读 · 0 评论 -
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 · 351 阅读 · 0 评论 -
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 · 1866 阅读 · 0 评论 -
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 · 486 阅读 · 0 评论 -
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 · 244 阅读 · 0 评论 -
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 · 360 阅读 · 0 评论