当前位置：首页 > 软件库 > 手机/移动开发 > Android UI 组件 >

angular-filemanager

授权协议 MIT License

开发语言 Java

所属分类手机/移动开发、 Android UI 组件

软件类型开源软件

地区不详

投递者商高谊

操作系统 Android

开源组织无

适用人群未知

软件概览

Update Dec 2018

Hi!, I am moving the project from AngularJS to React + Redux (react-filemanager), it's very important for me your collaboration on my development tasks and time. Please help me to move forward with a donation by paypal :)

angular-filemanager

A very smart filemanager to manage your files in the browser developed in AngularJS following Material Design styles by Jonas Sciangula Street

This project provides a web file manager interface, allowing you to create your own backend connector following the connector API.By the way, we provide some example backend connectors in many languages as example (php-ftp, php-local, python, etc)

Try the DEMO

Features

Multiple file support
Multilanguage
List and Icon view
Multiple file upload
Pick files callback for third parties apps
Search files
Directory tree navigation
Copy, Move, Rename (Interactive UX)
Delete, Edit, Preview, Download
File permissions (Unix chmod style)
Mobile support

TODO

Drag and drop
Dropbox and Google Drive connectors
Remove usage of jQuery

Backend API

Read the docs

Using in your existing project

1) Install deps using yarn withyarn install

2) Include the dependencies in your project

<!-- third party -->
  <script src="node_modules/jquery/dist/jquery.min.js"></script>
  <script src="node_modules/angular/angular.min.js"></script>
  <script src="node_modules/angular-translate/dist/angular-translate.min.js"></script>
  <script src="node_modules/ng-file-upload/dist/ng-file-upload.min.js"></script>
  <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="node_modules/bootswatch/paper/bootstrap.min.css" />

<!-- angular-filemanager -->
  <link rel="stylesheet" href="dist/angular-filemanager.min.css">
  <script src="dist/angular-filemanager.min.js"></script>

3) Use the angular directive in your HTML

<angular-filemanager></angular-filemanager>

Extending the configuration file by adding a script

<script type="text/javascript">
angular.module('FileManagerApp').config(['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,
    }),
  });
}]);
</script>

Create a new build with your changes

gulp build || node node_modules/gulp/bin/gulp.js build

You can do many things by extending the configuration. Like hide the sidebar or the search button. See the list of default configurations.

Contribute

To contribute to the project you can simply fork this repo. To build a minified version, you can simply run the Gulptask gulp build. The minified/uglified files are created in the dist folder.

Versioning

For transparency into our release cycle and in striving to maintain backward compatibility, angular-filemanager is maintained under the Semantic Versioning guidelines.

Copyright and license

Code and documentation released under the MIT license.

使用案例

ASP.NET MVC和Web API中的Angular2 - 第1部分

下载源码 - 903.5 KB 内容第1部分：Visual Studio 2017中的Angular2设置，基本CRUD应用程序，第三方模态弹出控件第2部分：使用Angular2管道进行过滤/搜索，全局错误处理，调试客户端介绍由于Angular2广泛应用于Web和移动开发的客户端框架，在本文中，我将尝试解释一步一步的指导，使用Angular2和MVC Web API创建基本的CRUD（创建
angular/cli eject项目之后，测试无法生成coverage 报告问题

一个angular项目，被我通过eject之后需要补充单元测试。执行karma start ./karma.conf.js --single-run --coverage 之后，生成的coverage报告的icov.info为空。解决办法是在karma.conf.js中增加以下配置 angularCli: { environment: 'dev', codeCoverage: true }, 问题
angular 渐进_如何创建具有Angular和无头CMS的渐进式Web应用程序

angular 渐进 by Ondrej Chrastina 通过Ondrej Chrastina 如何创建具有Angular和无头CMS的渐进式Web应用程序 (How to create a progressive web app featuring Angular and headless CMS) Have you ever wondered how a headless Content
angular 命令行项目_Angular命令行界面介绍

angular 命令行项目 Angular is closely associated with its command-line interface (CLI). The CLI streamlines generation of the Angular file system. It deals with most of the configuration behind the scenes
vscode导入基于Angular框架的项目以及环境搭建

1. 安装node.js 在官网找到最新版本下载：官网地址：https://nodejs.org/en/ 安装成功后，打开vscode，打开终端，在终端里输入命令“node -v ”查看版本号，如果显示安装版本号则安装成功 2. 安装yarn Yarn提供了丰富的命令使你可以对Yarn包进行许多操作，包括安装、管理、发布等。上官网，选择稳定版下载：官网地址：https://yarnpkg

angular-filemanager

Update Dec 2018

angular-filemanager

Try the DEMO

Features

TODO

Backend API

Using in your existing project

Extending the configuration file by adding a script

Create a new build with your changes

Contribute

Versioning

Copyright and license

同类工具

相关阅读

相关文章

相关问答

相关文档