javascript - Angular 文件管理器的使用。如何？

Question

我正在尝试在网页中打开 Angular 文件管理器。我按照 https://github.com/joni2back/angular-filemanager 的文档中的说明配置了它

但是，我在编辑 app.config 时遇到了错误，正如所说。代码是这样的:

var appName = angular.module('appName', ['ngRoute', 'pascalprecht.translate', 'ui.bootstrap'])
.config(['$routeProvider', '$httpProvider', 'fileManagerConfigProvider',
function($routeProvider, $httpProvider, config) {...}

错误如下:

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module playty due to: Error: [$injector:unpr] Unknown provider: fileManagerConfigProvider

所以我改成了:

var appName = angular.module('appName', ['ngRoute', 'pascalprecht.translate', 'ui.bootstrap'])
.config(['$routeProvider', '$httpProvider',
function($routeProvider, $httpProvider) {
    ...
}]).service(['fileManagerConfigProvider', function(config) {
    var defaults = config.$get();

    config.set({
    appName: 'angular-filemanager',
    pickCallback: function(item) {
        var msg = 'Picked %s "%s" for external use'
        .replace('%s', item.type)
        .replace('%s', item.fullPath());
        window.alert(msg);
    },

    allowedActions: angular.extend(defaults.allowedActions, {
        pickFiles: true,
        pickFolders: false,
        }),
    });
}]);

现在没有错误。它是否正确？如果是，我现在如何打开 angular-filemanager 窗口？我读过我必须放在 html 中。但是然后呢？

Answer 1

我有同样的问题，它得到修复，包括示例指示的所有组件:

<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-translate/angular-translate.min.js"></script>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/ng-file-upload/ng-file-upload.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/angular-filemanager/dist/angular-filemanager.min.js"></script>

并且还向您的模块公开组件:

var appName = angular.module('appName', ['ngRoute', 'pascalprecht.translate', 'ui.bootstrap', 'FileManagerApp'])
.config(['$routeProvider', '$httpProvider', 'fileManagerConfigProvider',
function($routeProvider, $httpProvider, config) {...}