AngularJS发起$http.post请求 代码如下： $http({ method:post, url:post.php, data:{name:"aaa",id:1,age:20} }).success(function(req){ console.log(req); }) 这时候你会发现收不到返回的数据，结果为null，这是因为要转换成form data。 解决方案： 配置$httpProvider：var myApp = angular.module(app,[]); myApp.config(function($httpProvider){ $httpProvider.defaults.transformRequest = function(obj){ var str = []; ...
angularjs有本身封装的ajax服务$http，因为用惯了jQuery的ajax，所以，自己封装了一下angularjs的$http，代码如下app.factory(dataFactory, function ($http, $q){ var factory = {}; factory.getlist = function(endpoint, method, headers, params) { var defer = $q.defer(); if (method == GET) { $http({ url: endpoint, method: "GET", headers: headers, params: params, }).success(function (data) { defer.resolve(data)...
本文实例讲述了AngularJS使用ng-class动态增减class样式的方法。分享给大家供大家参考，具体如下： 使用ng-class可以实现动态地增减样式： <!DOCTYPE html> <html ng-app="formExample"> <head><meta charset="UTF-8"><title></title><script src="../js/angular.js"></script><script>angular.module(formExample, []).controller(FormController, [$scope, function($scope){}]);</script><style>.strike {text-decoration: line...
本文实例讲述了AngularJS自定义指令之复制指令实现方法。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="bootstrap.min.css" rel="external nofollow" ><script src="jquery.min.js"></script><script src="angular.js"></script><script src="bootstrap.min.js"></script><script type="text/javascript">v...
本文实例讲述了AngularJS实现动态添加Option的方法。分享给大家供大家参考，具体如下： 项目中后台管理设置，前台下拉动态添加option <!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="bootstrap.min.css" rel="external nofollow" ><script src="jQuer...
本文实例讲述了angular.fromJson与toJson方法用法。分享给大家供大家参考，具体如下： AngularJS的angular.fromJson()方法可以把一个Json字符串中解析成一个对象，或对象数组： <!DOCTYPE html> <html ng-app="App"> <head><meta charset="UTF-8"><title></title><script src="../js/angular.js"></script><script type="text/javascript">angular.module("App", []).controller("parseController", function($scope){$scope.parse...
在指令而非在控制器中操作DOM 相信大家在页面处理中，难免会遇到操作DOM的情况，在AngularJS中，对DOM的操作是在指令而非控制器中完成的。 AngularJS强调隔离的思想：把复杂的逻辑和操作放在指令或服务中，控制器作为视图和$scope之间的桥梁，仅仅用来存储数据模型。 jqLite 为了便于DOM操作，AngularJS内部封装了angular.element，如果现有项目中已经引入的jQuery，angular.element相当于jQuery函数的别名，否则，angular.element...
准备工作： （1）一如既往的我还是使用了requireJS进行js代码的编译 （2）必须引入angualrJS , ui-bootstrap-tpls-1.3.2.js , bootstrap.css.... 首先抛出几个问题： a）:何时回用到分页 (当后端返回的数据过多，一页装不满时，我们必须要采取分页的效果，给用户良好的视觉效果) b）:分页一般要传递哪些数据 （总的数据数量，每页固定显示多少条数据，当点击分页时候返回当前的页码.......这三条是必须的） 第一步：先完成指令的封...
前言最近因为工作的原因，需要在Angualr2建的项目里做一个pdf显示的功能，在网上找了个插件，不过由于是第一次使用额外插件，在用的时候遇到了一些坑，这里权且记一下使用的步骤，方便以后的参考。 安装这里需要安装两个包：pdfjs-dist和ng2-pdf-viewer，安装时是要顺便保存到package.json里的，因此在项目根目录下输入下面命令： npm install pdfjs-dist --save npm install ng2-pdf-viewer --save于此同时，我们还要在system.con...
本文主要设计定时器的三种循环，模板自配，下面分享给大家供大家参考，具体如下：1、$interlval实现，比较简单和原生js的setInterval比较相似var app = angular.module(myApp,[]); app.run(function($rootScope , $interval){var img=["http://hdn.xnimg.cn/photos/hdn321/20130612/2235/h_main_NNN4_e80a000007df111a.jpg" ,"http://ww2.sinaimg.cn/crop.0.0.1080.1080.1024/d773ebfajw8eum57eobkwj20u00u075w.jpg","http://h.hip...
遇到一个页面跳转的时候，在跳转后的页面获取跳转前页面的数据,我想到用一种是localstorage，一种用broadcast和on，然后老大说不用这么麻烦，既然都$state.go了直接带参数，这次就介绍一下$state.go页面跳转传递参数。 1.路由页面（注意这里要在路由上添加一个参数用于传递数据，不然在页面跳转的时候会filter）.state("home.workpiece",{ // 跳转前的页面url:"/workpiece",views: {home: {templateUrl: prefix + "project/workpie...
要求：在输入框中输入值以后，按回车键触发某一事件的执行 html： <input id="input" name="input" ng-model="querykdUser.page.pageSize" ng-keyup="myKeyup($event)" class="form-control" style="width:60px;"> js： $scope.myKeyup = function(e){//IE 编码包含在window.event.keyCode中，Firefox或Safari 包含在event.which中 var keycode = window.event?e.keyCode:e.which; if(keycode==13){$scope.showkdUsers();} };回车键...
在controller中定义了一个变量 $scope.a_1 = "abc";想在view里面动态输出，因为这个数字是动态的，这么输出肯定是不行的{{a_ + 1}}，因为输出来的是a_1这个字符串，而不是a_1这个变量的值 想输出a_1这个变量的值，可以使用$eval方法：{{$eval(a_ + 1)}} $eval是作为scope的方法来使用的，在controller中使用的话，是这么使用：$scope.$eval() 以上这篇angularjs中的$eval方法详解就是小编分享给大家的全部内容了，希望能给大家一个...
项目上有一个新需求，就是需要根据json文件动态生成路由状态，查阅了一下资料，现在总结一下发出来： 首先项目用到的是angular的UI-路由，所以必须引入angular.js和angular-ui-router.js两个js文件，如下例子：<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>Example</title><script src="bower_components/angular/angular.js"></script><script src="bower_components/angular-ui-router/release/angular-ui-router...
这两天学习了angularjs 感觉指令这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。 先说使用场景，动态生成DOM元素并绑定事件，非常常见的一种场景，用jq实现效果： var count=0; $("#test").on("click",function(event){if(event.target.tagName.toLowerCase()=="input") return;count++;var html="<input type=text class=newEle value="+count+"/>";$(this).html(html);$(".newEle").focus(); }); $("body").on("b...