Question

我正在尝试在网页中打开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]未知 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) {...}

Angular-filemanager用法。如何？

1 个答案: