角度アプリの移行ハッシュからハングハッシュへの問題（/＃/ to /！＃/）

Question

これは奇妙な問題です。私はローカルにクラウドに構築していたアプリケーションを移動したので、すべての開発をブラウザでオンラインで行うことができました。私はそれがローカルのクラウドへの移動ではないと思います9。私はそれがもっと欠けているか、日付の依存関係がないという考えを持っています。それが問題かどうかを確認する方法があるかどうかはわかりません。私は実際に角度の専門家ではない。以下は私の依存パッケージpackage.jsonファイルです。

{ 
    "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" 
    } 
} 

私は、このファイルを再読み込みし、新しいcloud9開発のenvに私の他のファイルを移動したら、今、私は/＃！/持っている理由についてはよく分からないです。

誰かが私のルーティングを乱しているので、/＃/を通常に戻す方法を私に指示できます。今は私のリンクのどれもが読み込まれません。

ありがとうございます。

Answer 1

コードをクラウドにデプロイすると同時にAngularのバージョンをアップグレードしましたか？ $ locationProviderにはAngular 1.5.xから1.6.xまでのbreaking changeがあるようです。

Angular 1.6.0 specifiesロケーションプロバイダのデフォルトのプレフィックスはbangです。これを変更するには、$ locationProviderをあなたのアプリケーションのconfig関数に注入し、$ locationProvider.hashPrefix（ ""）;を呼び出します。

ここでは一例で、ペンの：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>