【问题标题】:Unwanted hash '#' in url, using $routeProvider in angularjsurl中不需要的哈希'#',在angularjs中使用$routeProvider
【发布时间】:2016-07-11 20:34:45
【问题描述】:

当我启动我的应用程序时,会打开以下网址:http://localhost:8080/#/。我正在尝试做的是在加载应用程序时打开这个网址:http://localhost:8080/,但我无法实现这一点。

我正在使用 AngularJS 和 $routeProvider 根据 url 加载内容。我不太确定它是如何工作的,而且我也不清楚文档。这是代码:

'use strict';

angular.module('login', ['login.filters', 'login.services', 'login.directives', 'login.controllers']).
    config(['$routeProvider', function ($routeProvider) {
        $routeProvider.when('/', {templateUrl: 'partials/partial1.html', controller: 'MyCtrl1'});
        $routeProvider.otherwise({redirectTo: '/'});
    }]);

你能帮我找出不需要的“#”吗?

【问题讨论】:

  • 哈希是角度路由的基础,除非在 html 模式下运行,并且在这样做之前需要考虑一些重要的警告。花一些时间阅读路由器上的文档。
  • 阅读手册...这里都有解释

标签: javascript angularjs route-provider


【解决方案1】:

Angular 将动态加载页面并在# 符号之后的 url 中存储/读取当前页面。

您可以尝试为位置启用 html5 模式 How to remove the hash # from the angularjs ng-route

【讨论】:

    【解决方案2】:

    看这里:https://scotch.io/tutorials/pretty-urls-in-angularjs-removing-the-hashtag

    这描述了如何实现你想要的,以及教育你 # 的用途以及 Angular 如何利用它

    【讨论】:

    • 虽然信息来源的链接很好,但应在此处引用相关信息,并应显示如何使用所述信息的示例。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-02-15
    • 1970-01-01
    • 1970-01-01
    • 2023-03-19
    • 1970-01-01
    • 2017-07-17
    • 2013-05-14
    相关资源
    最近更新 更多