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

• [x] List view
• [x] Tree View
• [x] Navigation
• [x] History
• [x] Select/Multi Select
• [x] Sorting
• [x] Context Menu/Action Sheet
• [x] Icons
• [x] 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.