Create pivot problem Angular 5

Hi.
http://jsfiddle.net/flexmonster/x2tpc31w/
How can I use this example in Angular 5? When we do the same, we see this error: Unable to create the component. DOM element with id 'pivot-container' is not found.

import * as Flexmonster from 'flexmonster';
import {FlexmonsterPivot} from 'ng-flexmonster';

pivotReport = new Flexmonster({
container: 'pivot-container',
licenseKey: 'Z703-X99A0P-202Y3C-1U2X1U',
width: '100%',
height: 500,
toolbar: true,
beforetoolbarcreated: this.customizeToolbar,
reportcomplete: this.onReportComplete,
report: {
dataSource: {
dataSourceType: 'json',
filename: '/reports/flexmonster-data.json'
},
options: {
datePattern: 'DD/MM/YYYY'
},
slice: {
rows: [
{uniqueName: 'Destination'}
],
columns: [
{uniqueName: 'Category'}
],
measures: [
{uniqueName: 'Price', aggregation: 'sum'}
]
}
},
global: {
localization: '../reports/flexmonster-localizations/' + this.culture + '.json'
}
});

<div id="pivot-container"></div>