角文件管理器的使用。如何？答案

【问题标题】：Angular-filemanager usage. How to?角文件管理器的使用。如何？
【发布时间】：2016-07-25 10:39:34
【问题描述】：

我正在尝试在网页中打开 angular-filemanager。我按照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 未捕获的错误：[$injector:modulerr] 失败实例化模块 playty 由于：错误：[$injector:unpr] 未知提供者：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中。但是然后呢？

【问题讨论】：

您记得在ìndex.html 中包含文件管理器的脚本吗？忘记它可能会导致第一个错误
我已经按照步骤 1,2 和 3 添加了“扩展配置文件”部分，@Fissio

标签： javascript html angularjs sails.js

【解决方案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) {...}

【讨论】：