首次向Angular應用發送請求時停止路由加載

Question

在我的應用中，某人可以從選擇列表中選擇一種語言，它會更新頁面上的某些翻譯。 它還將$location.path()更新為/:language 。 但是，我沒有任何特殊看法。 這是一個非常簡單的應用程序。 我已經更新了網址，並且一切正常。 但是，如果我不在根路徑（例如/spanish上訪問應用程序，則會收到錯誤Cannot GET /spanish 。 我希望能夠使用用戶決定使用的任何語言。 如何在加載時使用參數？ 我正在使用$rootScope.$broadcast在控制器之間進行通信。 因此，我無法使用$routeProvider來設置路由，因為控制該頁面的控制器和視圖完全不變。

app.js

angular
  .module('howToCussInApp', ['ngRoute'])
  .config(function($locationProvider, $routeProvider) {
    $locationProvider.html5Mode(true);
  });

selector.js

angular.module('howToCussInApp')
  .controller('SelectorController', function ($rootScope, $scope, Translation, $location) {
    $scope.languages = [];

    Translation
      .get()
      .then(function(response) {
        $scope.languages = Object.keys(response.data);
        $scope.currentLanguage = $location.path().slice(1) || $scope.languages[0];
        $scope.update();
      });

    $scope.update = function() {
      $location.replace().path('/' + $scope.currentLanguage);
      $rootScope.$broadcast('languageUpdated', $scope.currentLanguage);
    };
  });

translation.js

angular.module('howToCussInApp')
  .controller('TranslationController', function($scope, Translation) {
    $scope.languageData = {};
    $scope.currentLanguage = '';

    Translation
      .get()
      .then(function(response) {
        $scope.languageData = response.data;
      });

    $scope.$on('languageUpdated', function(event, data) {
      $scope.currentLanguage = data;
    });
  });

Answer 1

事實證明，這與Angular無關。 使用Angular Yeoman生成器創建的Grunt服務器由於某種原因拋出了404，而不是Angular。