Angulare App Migration Probleme Hash zu Bang Hash (/ #/zu /! # /)

Question

Dies ist ein seltsames Problem, das ich habe. Ich habe eine App, die ich lokal erstellte, nach cloud9 verschoben, um die gesamte Entwicklung online über einen Browser durchführen zu können. Ich glaube nicht, dass es das Verschieben des Lokalen in Cloud9 war. Ich habe eine Idee, dass es mehr war, dass ich vermisse oder Abhängigkeiten ausdatiert habe. Ich weiß nicht, ob es einen Weg gibt zu überprüfen, ob das das Problem ist. Ich bin nicht wirklich ein Experte für Winkel. Hier ist meine Abhängigkeiten package.json Datei unten.

{ 
    "name": "mean-app", 
    "version": "1.0.0", 
    "description": "MEAN stack application", 
    "main": "app.js", 
    "scripts": { 
    "start": "node app.js", 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "repository": { 
    "type": "git", 
    "url": "" 
    }, 
    "keywords": [ 
    "mean" 
    ], 
    "author": "", 
    "license": "ISC", 
    "bugs": { 
    "url": "" 
    }, 
    "homepage": "", 
    "dependencies": { 
    "angular": "^1.6.0", 
    "angular-jwt": "^0.1.8", 
    "angular-route": "^1.6.0", 
    "bcrypt-nodejs": "0.0.3", 
    "bluebird": "^3.4.6", 
    "body-parser": "^1.15.2", 
    "express": "^4.14.0", 
    "jsonwebtoken": "^7.2.1", 
    "mongodb": "^2.2.16", 
    "mongoose": "^4.7.3", 
    "purecss": "^0.6.1", 
    "twilio": "^2.11.1" 
    }, 
    "devDependencies": { 
    "mocha": "^2.3.3" 
    } 
} 

Ich bin über den Grund nicht, warum ich habe jetzt die/#!/Wenn ich diese Datei neu geladen und zog meine andere Dateien in die neuen cloud9 Entwicklung env.

Wenn jemand mich anweisen könnte, wie ich die/#/wieder normal haben kann, weil es mit meinem Routing unordentlich ist. und jetzt laden keine meiner Links.

Vielen Dank im Voraus.

Answer 1

Haben Sie die Versionen von Angular zur selben Zeit aktualisiert, als Sie Ihren Code in der Cloud bereitgestellt haben? Es scheint ein breaking change in $ locationProvider von Angular 1.5.x zu 1.6.x.

Angular 1.6.0 specifies dass das Standardpräfix für den Standortanbieter ein Knall ist. Sie können dies ändern, indem Sie $ locationProvider in die Konfigurationsfunktion Ihrer App einfügen und dann $ locationProvider.hashPrefix ("") aufrufen;

Hier ist ein Stift mit einem Beispiel: http://codepen.io/mac5977/pen/aBMGGm?editors=1011

JS

(function(){ 
     'use strict'; 
     angular.module('app', ['ngRoute']) 
      .config(configFxn); 
     configFxn.$inject = ['$routeProvider', '$locationProvider']; 
    function configFxn($routeProvider, $locationProvider){ 
     $locationProvider.hashPrefix(""); 

     $routeProvider.when('/', { 
     template: '<h3>/Route</h3><br/><a ng-href="#/secondpage">Switch Route</a>'}) 
      .when('/secondpage', { 
      template: '<h3>/SecondPage Route</h3><br/><a ng-href="#/">Goto Other Route</a>'}); 
    } 
})(); 

HTML

<div ng-app="app"> 
    <ng-view></ng-view> 
</div>