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

时间: 2024-11-06 12:53:36

Angularjs总结(七) 路由及请求服务等的相关文章

AngularJS学习---Routing(路由) &amp; Multiple Views(多个视图) step 7

1.切换分支到step7,并启动项目 git checkout step-7 npm start 2.需求: 在步骤7之前,应用只给我们的用户提供了一个简单的界面(一张所有手机的列表),并且所有的模板代码位于index.html文件中.下一步是增加一个能够显示我们列表中每一部手机详细信息的页面.可以先看一下step6和7的代码区别 . 为了增加详细信息视图,我们可以拓展index.html来同时包含两个视图的模板代码,但是这样会很快给我们带来巨大的麻烦.相反,我们要把index.html模板转变

[Angularjs]视图和路由(二)

写在前面 上篇文章主要介绍了视图和路由的基本概念,并在文章最后举了一个简单的使用案例.这篇文章将继续学习路由的配置,及相关参数的说明. 系列文章 [Angularjs]ng-select和ng-options [Angularjs]ng-show和ng-hide [Angularjs]视图和路由(一) 参数 when方法,上篇文章也提到了配置路由用到的when方法,对when方法的第二个参数可以接收哪些属性,这里将一一列举.1.controller controller:'MyControlle

[Angularjs]视图和路由(四)

写在前面 关于angularjs的路由的概念基本上这篇就要结束了,通过学习,以及在实际项目中的实践,还是比较容易上手的.自己也通过angularjs做了一个在app上的一个模块,效果还是可以的. 系列文章 [Angularjs]ng-select和ng-options [Angularjs]ng-show和ng-hide [Angularjs]视图和路由(一) [Angularjs]视图和路由(二) [Angularjs]视图和路由(三) 路由模式 不同的路由模式在浏览器的地址栏中会以不同的UR

AngularJS(八):http服务

本文也同步发表在我的公众号"我的天空" http服务 之前我们的示例都是在本地获取模拟数据,在实际应用中,所有的项目都将不可避免的从后台获取数据,我们都是通过Ajax来实现与服务器的通信.在AngularJS中,我们使用http服务来实现与后台的数据交互,http服务的使用请看以下代码: var app=angular.module("myApp",[]);    app.controller("person",function($scope,$

关于AngularJs中的路由学习总结

AngularJs中的路由,应用比较广泛,主要是允许我们通过不同的url访问不同的内容,可实现多视图的单页web应用.下面看看具体怎么使用. 关于路由  通常我们的URL形式为http://jtjds.cn/first/page,但在单页web应用中angularjs通过#+标记实现,比如下面的页面,将是下文中的路由列子. http://192.168.1.109:8000/angular-program/src/main.html#/pagetable/page1 http://192.168

[Angularjs]视图和路由(三)

写在前面 上篇文章主要介绍了路由中when方法的第二个参数,常见的几个属性,以及作用.本篇文章,将介绍和路由相关的几个常见的服务. 系列文章 [Angularjs]ng-select和ng-options [Angularjs]ng-show和ng-hide [Angularjs]视图和路由(一) [Angularjs]视图和路由(二) $routeParams 有这样一种情况,在设计路由的时候,我们希望在路由上面传递参数,但是当跳转到指定的路由的时候,我们该如何接收呢?这就用到$routePa

Spring Boot + Spring Cloud 构建微服务系统(七):API服务网关(Zuul)

技术背景 前面我们通过Ribbon或Feign实现了微服务之间的调用和负载均衡,那我们的各种微服务又要如何提供给外部应用调用呢. 当然,因为是REST API接口,外部客户端直接调用各个微服务是没有问题的,但出于种种原因,这并不是一个好的选择. 让客户端直接与各个微服务通讯,会有以下几个问题: 客户端会多次请求不同的微服务,增加了客户端的复杂性. 存在跨域请求,在一定场景下处理会变得相对比较复杂. 实现认证复杂,每个微服务都需要独立认证. 难以重构,项目迭代可能导致微服务重新划分.如果客户端直接

Windows server 2012 搭建VPN图文教程(二)配置路由和远程访问服务

Windows server 2012 搭建VPN图文教程(一)安装VPN相关服务 Windows server 2012 搭建VPN图文教程(二)配置路由和远程访问服务 Windows server 2012 搭建VPN图文教程(三)配置VPN访问账户 Windows server 2012 搭建VPN图文教程(四)客户端访问VPN测试 PartII 配置路由和远程访问服务 本部分主要介绍如何安装和配置路由及远程访问服务的方法,请参考以下操作步骤: (续上)前面提到重新启动操作系统,重启后服务

ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务 的解决方法

今天用PL/SQL连接虚拟机中的Oracle数据库,发现报了“ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务”错误,也许你也遇到过,原因如下: oracle安装成功后,一直未停止数据库(即数据库是启动的),客户端配置成功后,应该一直不会有什么问题. 有时把Oracle安装在虚拟机中,而且Oracle安装完毕后,没在进行任何监听的配置,则虚拟机再启动,则就会出现ORA-12514的问题. 如下是解决思路: 根据出错信息判断出客户端未监听到实例服务名 1.通过重启服务的方式启动