Eighteen Blog

angular 的 uiRouter 的 方法$state.includes (判断当前激活路由)

作用:

  1. 该方法用于判断当前激活的也就是地址栏的路由地址是哪个路由。

  2. 比如 $state.includes(‘app’) 那么如果页面地址为“www.baidu.com#/app” 或者 “www.baidu.com#/app/xxx” 的时候,该方法的值会返回true。
    一般我们定义的路由和地址栏地址是相互对应的,方便管理。举例也是在app.xxx对应app/xxx这样设置路由的情况下

  3. 如激活的路由为 app.page.page1 那么

    1
    2
    3
    $state.includes('app')              //返回 true
    $state.includes('app.page') //返回 true
    $state.includes('app.page.page1') //返回 true

前面有文章写过angular的$http请求的简单书写和使用。
回顾一下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
var Server = angular.module("Server", []);

Server.service("Api", ["$http", function ($http) {
return {
getTest : function (params, callback) {
$http({
url: 'www.baidu.com?name=xxx&passwd=xxx',
method: 'GET'
}).success(callback);
},
postTest : function (data, callback) {
$http({
url: 'www.baidu.com',
data: data,
method: 'POST'
}).success(callback);
}
}]);

var App = angular.module("App", [ "Server"]);
App.controller('Ctrl', ['$scope', 'Api',
function($scope, Api) {
Api.getTest("?name=xxx&passwd=xxx", function(res){
//res为返回值
alert("请求成功!")
});
Api.postTest({name: xxx, passwd: xxx}, function(res){
//res为返回值
alert("请求成功!")
});
}]);