1

dropzonejs を ng-view ディレクティブで動作させる際に特に問題があります。

以下は私のindex.htmlです：

<!DOCTYPE html>
<html lang="en" ng-app="Museum">
<meta charset="utf-8">
<title>Login page</title>
<link rel="stylesheet" href="framework/bootstrap-3.2.0/css/bootstrap.css">
<script src="framework/angular-1.3.0-beta.19/angular.js"></script>
<script src="framework/angular-1.3.0-beta.19/angular-resource.js"></script>
<script src="framework/angular-1.3.0-beta.19/angular-route.js"></script>
<script src="framework/angularUI-0.11.0/ui-bootstrap-tpls-0.11.0.js"></script>
<script src="framework/dropzone-3.10.2/dropzone.min.js"></script>
<link rel="stylesheet" href="framework/dropzone-3.10.2/css/dropzone.css">
<link rel="stylesheet" href="app.css">
<script src="app.js"></script>
<body>

   <div ng-view></div>

</body>
</html>

私のapp.js：

 var app = angular.module('Museum', ['ui.bootstrap', 'ngResource',      'ngRoute']).config(['$resourceProvider', function ($resourceProvider) {
// Don't strip trailing slashes from calculated URLs
$resourceProvider.defaults.stripTrailingSlashes = false;
}]).config(['$routeProvider', function ($routeProvider) {
$routeProvider.
    when('/login', {
        templateUrl: 'components/login/login.html',
        controller: 'Login',
        css: 'components/login/css/login.css'
    })
    .when('/create', {
        templateUrl: 'components/inventory/create.html',
        controller: 'Add'
    }
);

}]);

そして、dropzonejs を使用した create.html ページ:

<form action="/upload" class="dropzone" id="file-dropzone"></form>

dropzone フォームを index.html に直接配置するとすべて正常に動作しますが、ng-view ディレクティブを使用して dropzonjs で create.html にルーティングすると、動作するようになりました。ドロップゾーン フォームは処理されません。たとえば、クラスは「dropzone ng-pristine ng-valid dz-clickable」ではなく「dropzone ng-pristine ng-valid」であり、メッセージ付きの div は追加されません。

誰でも何か考えがありますか？

4

1 に答える 1