[ZEPPELIN-3220] Zeppelin not loading up a custom angular controller

• Type: Bug
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Affects Version/s: 0.7.3
• Component/s: documentation, front-end, Interpreters
• Labels: usability

Environment

Local source code build.

• Assignee: Unassigned
• Reporter: Nagaraj Tantri
• Created: 12/Feb/18 04:23
• Updated: 12/Feb/18 04:23

Description

When I want to run an angular chart library inside Zeppelin Angular interpreter, it is not showing up as expected.

 Initialization of the angular charts library - Flexmonster: 

%spark

println("""%html
<script>
var sc = document.createElement('script');
sc.type = 'text/javascript';
sc.src = 'https://s3.amazonaws.com/flexmonster/2.3/flexmonster.js';
document.getElementsByTagName('head')[0].appendChild(sc);


angular.module("zeppelinWebApp").controller("flexmonster");

</script>""")

Once the above is executed, I tried loading the below:

 

%angular

<div fm-pivot fm-toolbar="true" 
     fm-component-folder="https://s3.amazonaws.com/flexmonster/2.3/" 
     fm-report="'https://s3.amazonaws.com/flexmonster/2.3/reports/report.json'"
     fm-license-key="Z77L-XA5H5G-3J1M2B-0C0B3M">
</div>

The example to load it was here: https://github.com/flexmonster/pivot-angularjs. The above license is a trial version license.

There is no error nor there is any display. Is this even considered possible under Zeppelin's context?

The official document just mentions about binding Angular data to another paragraph.

Thanks,
Nagaraj