angularJs view pas de chargement depuis le navigateur le même code charge la vue sur plunker

Voici mon plnuker qui charge voir comme prévu sur le site plnkr.angularJs view pas de chargement depuis le navigateur le même code charge la vue sur plunker

My First Angular SPA

Cependant, quand je téléchargé les plunks comme zip et décompressé sur ma machine et ouvert index.html il ne charge pas la vue comme prévu. J'ai regardé dans la syntaxe de href et les routes comme discuté sur d'autres threads connexes.

<body> 
    <div ng-app="SmartCartApp"> 
    <ul> 
     <li> <a href="#BaseStationTest">BaseStation Test</a> </li> 
     <li style="float:right"> <a href="#ContactUs">Contact</a> </li> 
     </ul> 
     <div ng-view=""></div> 
    </div> 
      <script type="text/ng-template" id="BaseStation.html"> 
      <div id="div1"> 
       <br/> {{message}} 
      </div> 
     </script> 
     <script type="text/ng-template" id="ContactUs.html"> 
      <div id="div2"> 
       <br/> {{message}} 

      </div> 
     </script> 
    </body> 

// create the module and name it smartCartApp 
var SmartCartApp = angular.module('SmartCartApp', ['ngRoute']); 

// configure our routes 
SmartCartApp.config(['$routeProvider', function($routeProvider) { 
    $routeProvider 
    .when('/BaseStationTest', { 
    templateUrl: 'BaseStation.html', 
    controller: 'BaseStationController' 
    }) 
    .when('/ContactUs', { 
    templateUrl: 'ContactUs.html', 
    controller: 'ContactUsController' 
    }) 
    .otherwise({ 
    redirectTo: '/BaseStationTest' 
    }); 
}]);

Je crois que puisque c'est AngulaJs SPA et qui est le cadre de client, il n'a pas besoin de support de back-end (comme tout serveur Web pour héberger). Mettre tous les fichiers html et javaScript dans un dossier et ouvrir l'index.html devrait ouvrir le SPA. Corrigez-moi si cette compréhension n'est pas correcte et aidez-moi à résoudre le problème.

Source

2017-03-16 ari

Si vous ouvrez la console, vous verriez ce message d'erreur:

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Vous devez exécuter sur un serveur web. La façon la plus simple de le faire est:

Téléchargez votre plunker. Supposons que votre emplacement de téléchargement est /Users/username/Downloads/plunk-tDKn84
Run cd /Users/username/Downloads/plunk-tDKn84
Run python -m SimpleHTTPServer Ceci lancera un serveur HTTP de base sur le port 8000.
Ouvrez un navigateur et tapez http://localhost:8000/index.html

Vous devriez voir votre chargement de l'application. J'espère que cela t'aides!

Voilà comment je vois sur mon localhost:

Source

2017-03-16 20:21:51

Je viens de vérifier votre message et avant que j'ai installé Apache et serveur web vérifié même. Je n'ai pas le privilège de voter pour le moment. J'ai encore appris de votre message à propos de l'exécution de serveur basé sur python qui est cool. – ari

C'est bon. vous pouvez accepter ma réponse si cela a fonctionné pour vous. Heureux d'avoir pu aider! –

angularJs view pas de chargement depuis le navigateur le même code charge la vue sur plunker

Répondre

Questions connexes