AngularJS sous-répertoire de routage ne fonctionne pas, avec <base> étiquette

J'ai un incroyablement simple AngularJS modèle, je vais essayer d'obtenir de routage de travail, mais lorsque je charge la page, je suis juste de voir la balise H1 de mon index.html.

Mon application est dans un sous répertoire, /angular-route/, et je sais que les partiels existent, je peux visiter /angular-route/partials/interest.html et la page s'affiche bien.

Ai-je manqué quelque chose de vraiment basique ici?

<html>
<head ng-app="myApp">
    <title>AngularJS Routing</title>
    <base href="/angular-route/" />
</head>
<body>

<h1>AngularJS Routing</h1>

<div ng-view></div>

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>

<script>
    'use strict';

    var myApp = angular.module('myApp', []).
      config(['$routeProvider', function($routeProvider) {
        $routeProvider.
            when('/interest', {
                templateUrl: 'partials/interest.html',   
                controller: 'InterestCtrl'
            }).
            when('/catalogue', {
                templateUrl: 'partials/catalogue.html', 
                controller: 'CatalogueCtrl'
            }).
            otherwise({redirectTo: '/interest'});
    }]);

    myApp.controller('InterestCtrl', function($scope, $routeParams) {
        console.log('InterestCtrl');
    });
    myApp.controller('CatalogueCtrl', function($scope, $routeParams) {
        console.log('CatalogueCtrl');
    });
</script>

Voir Comment définir la racine de l'emplacement pour AngularJS routeur?
Qui ne fait pas de différence, si j'ajoute <base href="/angular-route/" />

OriginalL'auteur Pete | 2013-06-28

angularjs routing

À côté de la base de tag, qui vous sera besoin, vous avez également placé le ng-app directive sur le mauvais élément (head). Dans votre code, l'Application est initialisée seulement à l'intérieur de l'en-tête. Reste de l'HTML est ignoré par Angulaire.

TRAVAIL PLUNKER

<html ng-app="myApp">
<head>
  <title>AngularJS Routing</title>
  <script>
    document.write('<base href="' + document.location + '" />');
  </script>
  <script type="text/ng-template" id="partials/interest.html">
    <h2>Inereset</h2> 
  </script>
  <script type="text/ng-template" id="partials/catalogue.html">
    <h2>Catalogue</h2> 
  </script>
</head>
<body>

  <h1>AngularJS Routing</h1>

  <ul>
    <li><a href="#/interest">Interest</a></li>
    <li><a href="#/catalogue">Catalogue</a></li>
  </ul>

  <div ng-view></div>

  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>

  <script>
      'use strict';

      var myApp = angular.module('myApp', []).
        config(['$routeProvider', function($routeProvider) {
          $routeProvider.
            when('/interest', {
              templateUrl: 'partials/interest.html',   
              controller: 'InterestCtrl'
            }).
            when('/catalogue', {
              templateUrl: 'partials/catalogue.html', 
              controller: 'CatalogueCtrl'
            }).
            otherwise({redirectTo: '/interest'});
      }]);

      myApp.controller('InterestCtrl', function($scope, $routeParams) {
        console.log('InterestCtrl');
      });
      myApp.controller('CatalogueCtrl', function($scope, $routeParams) {
        console.log('CatalogueCtrl');
      });
  </script>
</body>
</html

Super! Rappelez-vous juste, y compris les actifs à l'aide de chemin d'accès relatif comme "your_asset_path/actif". Et dans ngRoutes, commencer votre partie avec un '/', vous devriez connu ngRoute gérer le transfert d'url, si de base='/admin/", "/index.html " en route de la suite de '/admin/index.html'
Je me demande vraiment comment document.location est capable de retourner une chaîne de caractères...
pourquoi ne serait-il pas?

OriginalL'auteur Stewie

4

Suivant la configuration a fonctionné pour moi!

Disons que nous voulons accéder à notre application en utilisant http://localhost:8000/app/

Ensuite, demandez à votre base de tag avec les suivants en surbrillance

OriginalL'auteur Gajen Sunthara

Vous devez vous connecter pour publier un commentaire.