Angularjs总结(七) 路由及请求服务等
2016-07-05 21:03
537 查看
define(['angular'], function (ng) { 'use strict'; var app = ng.module('index-module', ['ngCookies', 'ngRoute', 'ui.bootstrap']); app.config(['$routeProvider', function ($routeProvider) { $routeProvider .when("/", { controller: 'index-controller', templateUrl: '/partials/_menu.html' }) .when("/manage/case:casenumber", { controller: 'addCase-controller', templateUrl: '/partials/_addCase.html' }) .otherwise({ redirectTo: '/phonecase/index' }); }]); return app; });
1.ng-router:
获取路由参数(冒号后面的参数):
$routeParams.casenumber
2.请求服务
get请求:
$http({
method: 'get',
url: 'http://camnpr.com/getAPI/',
params:{id: 1},
headers: {"Content-Type": "application/json; charset=UTF-8"}//可以加入任意的头信息
});
post请求:
$http({
method: 'post',
url: 'http://camnpr.com/postAPI/',
data:'id=1&referrer=camnpr.com', // 这里是字符串,格式请注意,同时我们可以使用 $.param({id:1, referrer: 'camnpr.com'})来获取等价的形式。
// Form Data获取方式 Request.Form['id'] 。
//这是加'Content-Type': 'application/x-www-form-urlencoded',的功劳。
// 若不加'Content-Type',则:Request Payload:id=1&referrer=camnpr.com
// data: {id: 1, referrer: 'camnpr.com'}, // 是对象,那么 Form Data的数据是: {"id":1,"referrer":"camnpr.com"}:
headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'}
});
3.获取HTML元素
<input type="checkbox" value="1" class="is_select">
angular.element('.is_select');
4.循环
angular.forEach(data,function(item,index){
});
相关文章推荐
- angular input标签只能单向传递数据的问题
- 使用Angular Resources 封装Rest API
- angularjs + jqgrid 实现表格
- AngularJS ui-router (嵌套路由)
- Angularjs-2 (basic)
- angularjs - 415 (Unsupported Media Type)
- angular学习(四)—— Services
- angularJs表单校验(超级详细!!!)
- 转:AngularJS跨页面传值
- angularJS的controller之间如何正确的通信
- 优化Angular应用的性能
- AngularJs的自定义的正则校验指令--代码共享
- AngularJS实例教程(二)
- AngularJS实例教程(一)
- 基于 angularjs+jfinal 的 excel文件导出
- UVA 10825 Yummy Triangular Pizza (暴力)
- AngularJs的UI组件ui-Bootstrap分享(七)——Buttons和Dropdown
- 解析AngularJS 表达式
- Angularjs + Requirejs 单页面WEB引用实例
- 解析AngularJS表达式