角度路由和控制器不工作

新角和不能爲我的生活弄清楚爲什麼路由不適合我。它工作了一段時間，然後由於某種原因立即停下來。角度路由和控制器不工作

此外，它似乎並不像我的控制器正在工作，因爲當我將表單HTML複製到index.html文件並嘗試上載文件時，它似乎沒有運行uploadFile（）功能。

這裏是我的代碼：

的js/app.js

angular.module('packager', ['ngRoute', 'MainCtrl', 'appRoutes', 'ngFileUpload'])

JS/appRoutes.js

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

    $routeProvider 
    .when('/', { 
     templateUrl: './views/home.html', 
     controller: 'MainController' 
    }) 
    .when('/package', { 
     templateUrl: './views/package.html', 
     controller: 'MainController' 
    }); 

}]);

控制器/ MainCtrl.js

angular.module('MainCtrl', []).controller('MainController', [$scope, $location, Upload, function($scope, $location, Upload) { 
    $scope.upload = {}; 
    $scope.uploads = []; 

    $scope.uploadFile = function() { 
     Upload.upload({ 
     url: '/upload' 
     method: 'post' 
     data: $scope.upload 
    }).then(function (response) { 
     console.log($scope.upload) 

     $scope.id = $scope.upload.id 
     $scope.uploads.push(response.data); 
     $scope.upload = {}; 

     $location.path('/package') 
    } 
}]);

的index.html

<html> 
<head> 
    <base href="/"> 
    <title>Packager</title> 

    <script src="libs/angular/angular.min.js"></script> 
    <script src="libs/angular-route/angular-route.min.js"></script> 
    <script src="libs/ng-file-upload/ng-file-upload.min.js"></script> 

    <script src="js/app.js"></script> 
    <script src="js/controllers/MainCtrl.js"></script> 
    <script src="js/appRoutes.js"></script> 
</head> 

<body ng-app="packager" ng-controller="MainController"> 
    <div class="container"> 
     <div ng-view> </div> 
    </div> 
</body> 
</html>

視圖/ home.html的（兩種形式之一）

<form ng-submit="uploadFile()"> 
    <input type="file" name="file" id="file" ngf-select required ng-model="upload.file"> <br> 
    <input type="submit" value="Upload"> 
</form>

來源

2017-06-09 thevises

什麼是'Upload'在你的控制？它似乎沒有被定義。另外，'ngFileUpload'模塊來自哪裏？沒有看到'

相關問題