zoukankan      html  css  js  c++  java
  • 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){
    });

  • 相关阅读:
    centos 安装 py 3.0+
    ubuntu下安装多版本Python
    DRF之注册器响应器分页器
    头部随着滚动高度的变化由透明慢慢变成不透明
    悬浮滚动
    判断某天是周几
    正则限制input只能输入大于0的数字
    原生js倒计时
    从两个时间段里分别计算出有几天工作日与周末
    sublime text3连续打出1到10的标签div
  • 原文地址:https://www.cnblogs.com/bobo-show/p/5639943.html
Copyright © 2011-2022 走看看