内容简介:翻译自:https://stackoverflow.com/questions/27352371/cannot-get-current-route-location-path-returns-empty
我目前在/ addDoc,我想要当前的路线.这是我的控制器:
app.controller('DocRegistrationController',[ '$http', '$scope', '$upload', '$location', function($http, $scope, $upload, $location){ $scope.validation=function(){ alert($location.path()); } }
但是它返回空.我不想硬编码所有路线.我究竟做错了什么?
$location服务响应解析浏览器地址栏中的URL并使URL可用于您的APP.
因为您使用常规URL路径和搜索段,所以必须将$locationProvider html5Mode设置为true.
$locationProvider将使用hashbang作为默认模式.
如果未将html5Mode设置为true,则在尝试获取url路径时将获得空字符串.
然后在设置html5Mode之后使用$location服务获取url路径.
并编写自己的规则来处理路径.
假设您的完整网址如下所示: http://example.com/person/show/321
Main.js
angular.module("MyAPP",[],function($locationProvider){ $locationProvider.html5Mode(true); }); function MainController($location){ var pId = $location.path().split("/")[3]||"Unknown"; //path will be /person/show/321/, and array looks like: ["","person","show","321",""] console.log(pId); }
的index.html
<!DOCTYPE html> <html lang="en" ng-app="MyAPP"> <head> <meta charset="utf-8"> <title>Angular test</title> </head> <body ng-controller="MainController"> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> <script src="js/main.js"></script> </body> </html>
希望这对你有所帮助.
翻译自:https://stackoverflow.com/questions/27352371/cannot-get-current-route-location-path-returns-empty
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Java语言程序设计(基础篇 原书第10版)
[美]粱勇(Y.Daniel Liang) / 戴开宇 / 机械工业出版社 / 2015-7 / 85.00元
《Java语言程序设计(基础篇 原书第10版)》是Java语言的经典教材,中文版分为基础篇和进阶篇,主要介绍程序设计基础、面向对象编程、GUI程序设计、数据结构和算法、高级Java程序设计等内容。本书以示例讲解解决问题的技巧,提供大量的程序清单,每章配有大量复习题和编程练习题,帮助读者掌握编程技术,并应用所学技术解决实际应用开发中遇到的问题。您手中的这本是其中的基础篇,主要介绍了基本程序设计、语法......一起来看看 《Java语言程序设计(基础篇 原书第10版)》 这本书的介绍吧!