Javascript 角度文件管理器的使用。如何？

我试图在网页中打开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]未能捕获 由于以下原因实例化模块播放：错误：[$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中放置。但是接下来呢？

我也遇到了同样的问题，它得到了修复，包括示例中指出的所有组件：

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

---

您是否记得在

ìndex.html

中包含文件管理器的脚本？忘记它可能会导致第一个错误我按照步骤1、2和3添加了“扩展配置文件”部分@Fissio

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