angular 获取上一个路由地址 获取当前页地址 地址裁切

获取当前页地址 

例如:url:http://localhost:9096/OA_Web/main.html#/workSheet/calender_leaderDetail/21

console.log($location.absUrl()); 

输出为:http://localhost:9096/OA_Web/main.html#/workSheet/calender_leaderDetail/21


console.log($location.url()); 

输出为:/workSheet/calender_leaderDetail/21


console.log($location.path()); 
输出为:/workSheet/calender_leaderDetail/21

console.log($location.protocol());
输出为:http

console.log($location.host());
输出为:localhost

地址裁切

var url= urls.split('/')[3].substring(1,2);
输出为:1

修改url

$location.url('/aaa'); //修改url的子路径部分(也就是当前url#后面的内容,不包括参数) 
$location.search('id','111')//修改url的参数部分 第一个参数表示url参数的属性名,第二个参数是该属性名的属性值,有则修改无则添加。
$location.search({id:'55','a':'66'}) //修改多个参数
$location.search('age',null) //删除属性,有则删除

获取上一个路由地址

app.controller('calender_detail_Ctrl', ['$scope','$stateParams', '$rootScope', '$http', '$location',
    function ($scope,$stateParams, $rootScope, $http, $location){
        $rootScope.$on('$stateChangeSuccess', function (ev, to, toParams, from, fromParams) {  
            $rootScope.previousState = from; //from为前一个页面的路由信息:url,cache,views,name  
            $rootScope.previousParams = fromParams; //fromParams为前一个页面的ID信息  
            $rootScope.nowState = to; //to为当前页面的路由信息:url,cache,views,name,同样,toParams为当前页面的ID信息  
        });

}])
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以在 Angular 项目的路由模块中查找是否有定义你的路由地址。你可以在路由模块的 routes 数组中查看是否有 path 属性与你的路由地址匹配的路由配置对象。例如: ``` const routes: Routes = [ { path: 'home', component: HomeComponent }, { path: 'products', component: ProductsComponent }, // ... ]; ``` 在这个例子中,如果你的路由地址是 'home' 或 'products',那么在路由模块中就有定义。 ### 回答2: 要判断一个 Angular 项目中是否定义了一个路由地址,我们可以采取以下步骤: 1. 首先,找到 Angular 项目的主要文件,通常是 `app.module.ts` 或者 `index.ts`。该文件是项目的根模块,负责加载其他模块。 2. 打开该文件并查找 `@NgModule` 装饰器,这个装饰器用于定义项目的模块信息。 3. 在 `@NgModule` 装饰器的 `imports` 数组中查找 `RouterModule.forRoot()`,这个方法用于定义项目的路由信息。 4. 如果找到了 `RouterModule.forRoot()`,那么代表该项目定义了路由地址。可以进一步查看路由配置以获取更详细的信息。 5. 如果没有找到 `RouterModule.forRoot()`,则代表该项目没有定义路由地址。 需要注意的是,在大型的 Angular 项目中,可能会有多个模块同时定义了路由地址,因此可能还需要检查其他模块的路由配置。 通过以上步骤,我们可以判断一个 Angular 项目中是否定义了一个路由地址。 ### 回答3: 要判断一个Angular项目里是否定义了一个路由地址,可以按照以下步骤进行: 1. 打开Angular项目的源代码文件夹。 2. 导航到项目的根目录,并找到`app-routing.module.ts`文件,这是定义路由的主要文件。如果项目使用了不同的文件来定义路由,可以查找相应的文件。 3. 打开`app-routing.module.ts`文件,查看是否有定义了路由地址的代码。在这个文件中,通常会存在一个`Routes`数组,里面包含了所有的路由配置信息。 4. 如果找到了定义了目标路由地址的代码,那么可以确定该路由地址是在Angular项目中被定义了的。 5. 如果找不到目标路由地址的定义,可能是因为路由地址被定义在其他文件中。可以使用项目的搜索功能,在整个源代码中查找目标路由地址的字符串,看是否能找到相关的定义。 6. 如果没有找到目标路由地址的定义,那么可以判断该路由地址Angular项目中未被定义。 需要注意的是,判断一个路由地址是否在Angular项目中被定义仅仅通过源代码的存在与否是不够的。还需要确保该路由地址在项目中的逻辑中被正确使用和引用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值