0
角度の新しいもので、私の人生にとって不可能なことは、ルーティングが私にとってうまくいかない理由を理解することができません。それはしばらくの間働いて、何らかの理由ですぐに停止しました。角度ルーティングとコントローラが動作しない
さらに、フォームHTMLをindex.htmlファイルにコピーしてファイルをアップロードしようとすると、uploadFile()が実行されていないように見えるので、関数。ここで
は私のコードです:
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
をapp.jsangular.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(二つの形式の1つ)
<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>
コントローラ内で 'Upload'は何ですか?それは定義されていないようです。また、 'ngFileUpload'モジュールはどこから来ますか?そのために – Phil
@Phil の「