Angularjs总结 路由及请求服务等

Posted garsonguo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Angularjs总结 路由及请求服务等相关的知识,希望对你有一定的参考价值。

 1 define([‘angular‘], function (ng) {
 2     ‘use strict‘;
 3 
 4     var app = ng.module(‘index-module‘, [‘ngCookies‘, ‘ngRoute‘, ‘ui.bootstrap‘]);
 5 
 6     app.config([‘$routeProvider‘, function ($routeProvider) {
 7         $routeProvider
 8             .when("/", { controller: ‘index-controller‘, templateUrl: ‘/partials/_menu.html })
 9             .when("/manage/case:casenumber", { controller: ‘addCase-controller‘, templateUrl: ‘/partials/_addCase.html‘ })
10             .otherwise({ redirectTo: ‘/phonecase/index‘ });
11     }]);
12 
13     return app;
14 });

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){
});

以上是关于Angularjs总结 路由及请求服务等的主要内容,如果未能解决你的问题,请参考以下文章

angularJS使用ocLazyLoad实现js延迟加载

课题实践总结

AngularJS路由

angularjs学习笔记--$http数据渲染到表格路由依赖注入provider

初入AngularJS基础门

angularJs-route路由详解