AngularJS文件浏览器

Ivan Bacher 发表于 Dev

伊万·巴彻（Ivan Bacher）

我不确定如何以一种有角度的方式去做。

我想实现一个类似于以下内容的文件浏览器：示例1或示例2

它应该实现的功能是：

显示当前目录中的文件和文件夹
单击文件夹以展开它们的能力（例如在示例中）

因此，我目前所拥有的是一系列文件和文件夹，它们是路径数组。这是由onDrop或onChange事件（通过拖放或输入）生成的。

关于如何实施此建议？

乔纳斯·西安古拉街

看看@ angular-filemanager

FileNavigator.prototype.buildTree = function(path) {
    var self = this;
    var recursive = function(parent, file, path) {
        var absName = path ? (path + '/' + file.name) : file.name;
        if (parent.name && !path.match(new RegExp('^' + parent.name))) {
            parent.nodes = [];
        }
        if (parent.name !== path) {
            for (var i in parent.nodes) {
                recursive(parent.nodes[i], file, path);
            }
        } else {
            for (var i in parent.nodes) {
                if (parent.nodes[i].name === absName) {
                    return;
                }
            }
            parent.nodes.push({name: absName, nodes: []});
        }
    };

    !self.history.length && self.history.push({name: path, nodes: []});
    for (var i in self.fileList) {
        var file = self.fileList[i].model;
        file.type === 'dir' && recursive(self.history[0], file, path);
    }
};