Question

您好我正在尝试使用登录服务为angular.js中的单页应用打开某些部分（即'call.html'不执行身份验证）。

我想知道如何获取路径（http://www.example.com/app/#/call/1234）以便我可以比较它并重定向到“登录”页面，如果该页面不是“call.html”？

我的app.js中有以下代码似乎有效，但在Chrome中不起作用，我收到以下错误：

TypeError: $location.path(...).contains is not a function

我的 app.js 。

app.run(['$rootScope', '$location', '$cookieStore', '$http',
    function ($rootScope, $location, $cookieStore, $http)
    {
        $rootScope.globals = $cookieStore.get('globals') || {};
        if ($rootScope.globals.currentUser)
        {
            $http.defaults.headers.common['Authorization'] = 'Basic' + $rootScope.globals.currentUser.authdata; // jshint ignore:line
        }
        $rootScope.$on('$locationChangeStart', function (event, next, current)
        {
            // redirect to login page if not logged in
            if($location.path().contains('call'))
            {
                return;
            }

            else
            {
                if ($location.path() !== '/login'  && !$rootScope.globals.currentUser && $location.path() !=='/')
                {
                    $location.path('/login');
                }
            }
        });
    }
]);

非常感谢任何有关如何解决此问题的帮助。

Answer 1

contains是一个不是angularjs的jquery方法。所以，使用这行代码：

if($location.path().contains('call')){

显然会抛出错误，“包含不是函数”。

您可以使用indexOf：

if($location.path().indexOf('call') > -1){

Answer 2

$locationProvider默认使用hashbang（从您的路径/app/#/call/1234可以明显看出），所以如果您不将html5Mode设置为true，您将获得如果您尝试获取URL路径，则为空字符串。

尝试设置$locationProvider.html5Mode(true)，您应该能够获取网址路径。

Answer 3

你可以这样做： -

var url = $location.url();
if(url.indexOf('call') > -1){
   console.log("Call present");
}

使用$ location.path（）比较Angular中的URL

3 个答案: