Angular Routing und Controller funktioniert nicht

Neu bei Angular und kann nicht für das Leben von mir herauszufinden, warum Routing für mich nicht funktioniert. Es funktionierte für eine Weile und dann prompt gestoppt aus irgendeinem Grund.Angular Routing und Controller funktioniert nicht

Außerdem scheint es nicht so, als ob mein Controller auch funktioniert, denn wenn ich das Formular HTML in die Datei index.html kopiere und versuche, eine Datei hochzuladen, scheint es nicht uploadFile() auszuführen. Funktion.

Hier ist mein Code:

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' 
    }); 

}]);

Controller/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>

views/home.html (eine von zwei Formen)

<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>

Quelle

2017-06-09 thevises

Was ist 'Upload' in Ihrem Controller? Es scheint nicht definiert zu sein. Woher kommt auch das 'ngFileUpload' Modul? Ich sehe keinen '

Verwandte Themen