angularJS1
xiejunna
软件开发
展开
-
angularJS实现跨域请求
一直都用Jsonp的方式来解决angularjs跨域问题,查询读取信息还可以。如果是遇到比如登陆,需要post用户信息的,这个时候必须要用到post方式。service端配置,post数据的接口处加上下面代码:header('Access-Control-Allow-Origin: *');header('Access-Control-Allow-Headers: X-Requested-With'转载 2016-12-16 14:47:09 · 819 阅读 · 0 评论 -
angularJS1 报错 Error: [ng:areq] Error: [$controller:ctrlreg]
运行以下demo,报错:<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0,原创 2016-12-18 15:29:08 · 22335 阅读 · 6 评论 -
angularJS1自定义directive指令的创建方式
angularJS中一些重复用的模板,可以封装起来,用这种自定义指令的方法实现。demo如下:<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, mi原创 2016-12-18 15:09:16 · 883 阅读 · 0 评论 -
angularJS1 异常Error: [$injector:unpr]
代码如下:抛异常 Error: [$injector:unpr]<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, minimum-scale=1.0原创 2016-12-18 16:31:15 · 6419 阅读 · 0 评论 -
Angular.element 的用法
demo如下:<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user原创 2016-12-18 17:50:10 · 2839 阅读 · 0 评论 -
AngularJS 依赖注入
官方demo解析:<!doctype html><html> <head> <meta charset="utf-8"> <title>form demo</title> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0原创 2016-12-26 11:01:33 · 329 阅读 · 0 评论 -
angularJS1 路由配置
demo如下:<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user原创 2016-12-26 15:47:50 · 2063 阅读 · 0 评论 -
angularJS1 路由隐藏tab
demo如下:<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user原创 2016-12-26 17:08:11 · 1113 阅读 · 0 评论 -
angularJS1 ng-include相同html部分重用
angularJS1 ng-include指令相同html部分重用: 例如a.html中有一个共用的button,在b.html中也要用到,这时候,就用到了ng-include指令。 demo如下:a.html<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8">原创 2016-12-19 19:29:36 · 2384 阅读 · 0 评论 -
angularJS1 数据绑定demo
实现功能: 1.在输入框输入内容时,列表中显示添加的内容 2.点击删除时,将删除一个item的内容<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width原创 2016-12-18 14:35:37 · 304 阅读 · 0 评论 -
angularJS1 Error: [jqLite:nosel]
错误原因: 为引入jqery,并且要在引入angularJS之前引入jqery。原创 2016-12-22 18:06:28 · 3317 阅读 · 0 评论 -
angularJS1 数据类型判断
//判断参数是数组 $log.debug('isArray=='+angular.isArray([1,2,3])); //判断参数是日期 $log.debug('isDate=='+angular.isDate(new Date())); //判断参数是否存在 $log.debug('isDefin原创 2016-12-22 18:04:43 · 1358 阅读 · 0 评论 -
angularJS1界面跳转
1.利用a标签跳转<div id="first-id" ng-init="second_html='second.html?mark=index'"> <a ng-href="{{second_html}}" ></a></div> 2.在函数内写跳转逻辑<html > <head> <script src="http://cdn.static.runoob原创 2016-12-17 16:10:00 · 1811 阅读 · 0 评论 -
angularJS1 提交form表单demo
demo.html<!doctype html><html> <head> <meta charset="utf-8"> <title>form demo</title> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0原创 2016-12-21 10:04:56 · 5244 阅读 · 0 评论 -
angularJS1 get post请求
示例代码如下:// post$http({ url:'/queryplan', method:"POST", data: {'billid':$scope.billid,'mccode': mccode} }).then(function successCallback(response){ console.log('http正常返回respo原创 2016-12-21 11:20:50 · 1081 阅读 · 0 评论 -
angularJS1 Error: [$location:nobase]
1.错误原因:html中缺少了<base href="/"> 2.如果html中没写,请加上 $locationProvider.html5Mode({ enabled: true, requireBase: false });script代码如下:<script> // absUrl="http://168.33.222.69:8020/a原创 2016-12-21 17:55:01 · 2166 阅读 · 0 评论 -
angularJS界面跳转,及传参
demo如下:<!doctype html><html> <head> <meta charset="utf-8"> <title>form demo</title> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0,原创 2016-12-21 17:55:50 · 2601 阅读 · 0 评论 -
angularJS1 url中携带参数的获取
index.html 从此界面跳转到a.html界面<!doctype html><html> <head> <meta charset="utf-8"> <title>form demo</title> <meta name="viewport" content="width=device-width, minimum-scale=1.0,原创 2016-12-21 19:00:45 · 13916 阅读 · 1 评论 -
angularJS1 log打印日志
示例如下:<!doctype html><html> <head> <meta charset="utf-8"> <title>form demo</title> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, us原创 2016-12-22 15:26:19 · 4710 阅读 · 0 评论 -
angularJS1 ng-disabled控制元素是否禁用
1.适用范围:<input>, <select>, <textarea>,<button> 2.ng-disabled=’表达式’;表达式的结果为true时,元素将禁用;为false时,将解除禁用。 3.demo如下:<!doctype html><html> <head> <meta charset="utf-8"> <title>form demo<原创 2016-12-22 17:09:28 · 12524 阅读 · 0 评论 -
angularJS1 $cookies用法
今天被$cookies给坑了,顺便总结一下踩了的坑。 1.首先注意第一项:angular.min.js的版本和angular-cookies.min.js的版本必须是一致的。 否则抛此异常:”TypeError: undefined is not a function 2.angularJS 1.3版本和1.4版本存取cookie是不同的,以下demo是1.3版本的存取cookie。<!DOC原创 2016-12-20 14:32:21 · 2636 阅读 · 0 评论