[AngularJS] Error: $location:nobase

In AngularJS 1.3.x, using $locationProvider.html5Mode(ture), will cause a Error:$location:nobase error.

angular.module(‘app‘, [‘ngResource‘, ‘ngRoute‘])

    .config(function($routeProvider, $locationProvider) {
        $locationProvider.html5Mode(true);
        $routeProvider
            .when(‘/‘, {
                templateUrl: ‘/partials/main/main‘,
                controller: ‘MainController‘
            })
            .when(‘/admin/users‘, {
                templateUrl: ‘/partials/admin/user_list‘,
                controller: ‘usrListController‘
            });
    });

To Fix this, simply add

<base href="/" />

to the index.html head.

时间: 2024-10-25 20:45:42

[AngularJS] Error: $location:nobase的相关文章

AngularJs 用 $location 设置和判断在哪个页面

之前有个判断在那个页面上的问题困扰了我很久~后来查了很久的文档才找到的$location这个注入的Service,和大家分享下拉~省的你们找啦~ 当然可以用window.location来达到同样的目的. 我是不是棒棒哒?~ 前方高能......................................... 这是AngularJS 介绍$location的网址啦(想阅读先翻墙):https://docs.angularjs.org/guide/$location 言归正传........

angularJS: $location 服务

记录下今天的学习笔记: $location服务: 解析地址栏的URL,让用户可以访问应用当前路径所对应的路由. 可修改路径.处理各种形式导航. $location服务对javascript中的window.location对象的API进行了更优雅的封装,并且和angularJS集成在一起. 使用$location服务的最佳场景是:当应用需要在内部进行跳转时候.如:用户注册.修改.或登录后进行的跳转. $location服务并不刷新整个页面.刷新整个页面使用:$window.location对象(

『AngularJS』$location 服务

参考: ng.$location Developer Guide: Angular Services: Using $location 简介 $location服务解析在浏览器地址栏中的URL(基于window.location)并且让URL在你的应用中可用.改变在地址栏中的URL会作用到$location服务,同样的,改变$location服务也会改变浏览器的地址栏.(可以使用$location进行重定向等操作) $location服务: 暴露浏览器地址栏中的URL,让你可以: 监察URL.

夺命雷公狗—angularjs—14—$location的作用

废话不多说看下,我们直接来走代码看下效果如何 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/angular.min.js"></script> </head> <body ng-ap

AngularJS(二)

AngularJS 服务(Service)AngularJS 中你可以创建自己的服务,或使用内建服务. 在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用.AngularJS 内建了30 多个服务.有个 $location 服务,它可以返回当前页面的 URL 地址. 1 var app = angular.module('myApp', []); 2 app.controller('customersCtrl', function($scope, $loc

初学者---AngularJS详解

AngularJS 简介 AngularJs是一个用于设计动态web应用的结构框架.首先,它是一个框架,不是类库,提供一整套方案用于设计web应用.它不仅仅是一个javascript框架,因为它的核心其实是对HTML标签的增强.可以实现动态web应用,使得web应用能为用户提供丰富的操作,能够随用户操作不断更新视图而不进行url跳转.ng官方也声明它更适用于开发CRUD应用,即数据操作比较多的应用,而非是游戏或图像处理类应用. 特点: AngularJS 是一个 JavaScript 框架.它可

Angularjs路由需要了解的那点事

我们知道angularjs是特别适合单页面应用,为了通过单页面完成复杂的业务功能,势必需要能够从一个视图跳转到另外一个视图,也就是需要在单个页面里边加载不同的模板.为了完成这个功能angularjs为我们提供了路由服务($routeProvider). 先看下我们的示例代码,html框架页index.html <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&qu

AngularJS如何修改URL中的参数

一. 获取url的相关方法(不修改URL): 1.获取当前完整的url路径 var absurl = $location.absUrl(); //http://172.16.0.88:8100/#/homePage?id=10&a=100 2. 获取当前url路径(当前url#后面的内容,包括参数和哈希值): var url = $location.url(); // 结果:/homePage?id=10&a=100 3. 获取当前url的子路径(也就是当前url#后面的内容,不包括参数)

AngularJS学习之旅—AngularJS 服务(八)

1.AngularJS 服务(Service) AngularJS 中你可以创建自己的服务,或使用内建服务.2.什么是服务? 在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用. AngularJS 内建了30 多个服务. 有个 $location 服务,它可以返回当前页面的 URL 地址. 注意 $location 服务是作为一个参数传递到 controller 中.如果要使用它,需要在 controller 中定义. var app = angular