Question

我是AngularJS的新手，虽然我们现在在Angular上，但在我的公司，我们仍然使用这个版本。无论如何，现在我正在使用ngRoute，我派系问题。当我单击一个必须从部分加载另一个页面的按钮时，它会在我的浏览器的URL栏中添加一些额外的符号。这是我的代码： app.js

(function() {
var app = angular.module('craApp', ['consultants-directive','ngRoute'])
    .config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {

    $routeProvider
        .when('/', {templateUrl: 'partials/index.html'})
        .when('/consultants', {templateUrl: 'partials/clts.html'}, function () {
        })
        .otherwise({redirectTo: '/'});

    $locationProvider.html5Mode(true);

    }]);

})();

我的index.html页面

    <!DOCTYPE html>
<html lang="fr"  ng-app="craApp">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>Tecos - Appication de gestion de CRA</title>
        <script src="resources/jquery.js"></script>
        <script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
        <link rel="stylesheet" href="resources/bootstrap/css/bootstrap.min.css" />
        <script src="resources/bootstrap/js/bootstrap.min.js"></script>
        <script src="resources/angular.js"></script>
        <script src="app.js"></script>
        <script src="consultants.js"></script>
        <script src="resources/angular-route.js"></script>

        <base href="/">
    </head>
    <body >
        <!-- Fixed navbar -->
        <nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
          <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <a class="navbar-brand" href="#">Tecos CRA</a>
          <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav mr-auto">
              <li class="nav-item active">
                <a class="nav-link" href="#">Saisie d'activité<span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item dropdown active">
                <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Administration</a>
                <div class="dropdown-menu" aria-labelledby="dropdown01">
                  <a class="dropdown-item" href="#/consultants">Gérer les consultants</a>
                  <a class="dropdown-item" href="#">Gérer les projets</a>
                  <a class="dropdown-item" href="#">Gérer les demandes de congés</a>
                </div>
              </li>
            </ul>
            <form class="form-inline mt-2 mt-md-0">
              <input class="form-control mr-sm-2" type="text" placeholder="Recherche ...">
              <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Recherche</button>
            </form>
          </div>
        </nav>
        <!-- Fixed navbar -->

        <!-- Main content -->
        <div ng-view>

        </div>
        <!--<consultants-bloc></consultants-bloc> -->
    </body>
</html>

当我点击<a class="dropdown-item" href="#/consultants">Gérer les consultants</a>时，我会在网址栏中看到这个：

http://127.0.0.1:9090/#%2Fconsultants

带有ngRoute的URL中的额外符号可防止加载右视图

0 个答案: