Ionic JSON File Browser

Ionic JSON File Browser is a custom Ionic module that can render a file browser.

Overview

Ionic JSON File Browser is based on the following libraries & tools:

• Ionic 3
• ngxs
• Ionicons
• Font Awesome Icons

Features

• List view
• Tree View
• Navigation
• History
• Select/Multi Select
• Sorting
• Context Menu/Action Sheet
• Icons
• Mobile Support

Installation

$ npm install ionic-json-file-browser

Setup

Importing Module:

import { FileBrowserModule } from 'ionic-json-file-browser';
@NgModule({
    imports: [
        ...
        FileBrowserModule
        ...
    ]
})

Using in template:

<file-browser></file-browser>

Generating File Browser in page:

import { FileBrowser } from "ionic-json-file-browser";
export class HomePage implements OnInit {
    constructor(public fileBrowser: FileBrowser) {}
    ngOnInit() {
        this.fileBrowser.generateFileBrowser(node, entity, "0");
    }
}

Note: This is just a simple look at the installation and setup of Ionic JSON File Browser. Further documentation of the API can be found in the wiki on the Github page.