角度文件管理器使用情况.如何

Angular-filemanager usage. How to?

本文关键字：情况 如何 用情 文件管理器      更新时间：2023-09-26

我正试图在网页中打开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未捕获错误：[$injector:modulerr]未能实例化模块播放，原因是：错误：[$injector:unp]未知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,
        }),
    });
}]);

现在没有错误。这是正确的吗？如果是，我现在如何打开有角度的文件管理器窗口？我已经阅读了我必须放在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>

并向您的模块暴露组件：

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