Step 3: Initialize Pivot Table

Add flexmonster module to App and use fm-pivot directive to add FM pivot table to the index.html. After that, an empty grid will be shown. Please note, fm-license-key is your license or trial key, so you should replace XXX with an actual key:

Properties

Please note, that every attribute for fm-pivot directive is set either as a string value or as an angular variable. List of available attributes:

fm-toolbar – parameter to embed the toolbar or not. Default value is false – without the toolbar.

fm-license-key – the license key.

fm-width – width of the component on the page (pixels or percent). The default value for width is 100%.

fm-height – height of the component on the page (pixels or percent). The default value for height is 500.

fm-component-folder – URL of the component’s folder which contains all necessary files. Also, it is used as a base URL for report files, localization files, styles and images. The default value for componentFolder is flexmonster/.

fm-report – property to set a report. It can be inline report JSON, URL to report JSON or URL to report XML.

fm-global – object that allows you to preset options for all reports. These options can be overwritten for concrete reports. Object structure is the same as for report.

Event handlers for fm-pivot directive:

fm-ready

fm-report-complete

fm-report-change

fm-update

fm-cell-click

fm-cell-doubleclick

fm-filter-open

fm-fields-list-open

fm-fields-list-close

All attributes are equal to those which are passed to $.flexmonster(). The only difference is that fm- prefix was added to each of them.