Apache Zeppelin - Angular Display系统加载外部Angular模块

时间:2016-05-24 09:42:20

标签: angularjs requirejs apache-zeppelin

如何在Zeppelin中注册新的Angular模块:

基于此Angular示例

https://material.angularjs.org/latest/getting-started

以下是Zeppelin中可能转换的代码(相同的代码在标准的webapp中正常工作)



print(s"""%angular
<div id="myAngularApp">
    <md-button class="md-raised md-primary">Angular Material Button</md-button>
</div>

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.22/require.js"></script>

<script>
    require.config({
    paths: {
        'angular': 'http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min',
        'ngAnimate': 'http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min',
        'ngAria': 'http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min',
        'ngMaterial': 'http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min'
    },
    shim: {
        'ngAnimate': ['angular'],
        'ngAria': ['angular'],
        'ngMaterial': {
             deps: ['ngAnimate', 'ngAria']
         }
    }
});

require([ 'angular', 'ngMaterial' ], function () {
    var app = angular.module('StarterApp', ['ngMaterial']);
    angular.bootstrap(document.getElementById('myAngularApp'), ['StarterApp']);
    return app;
});
</script>
""")
&#13;
&#13;
&#13;

不幸的是,我没有找到任何方法让它发挥作用。我尝试了多种方式,没有任何作用!

简而言之,如何在Zeppelin中注册新的Angular模块?

Angular Display系统看起来不错,但如果没有外部模块可以轻松注册,则无用。

请,帮助:)或提供一个具体的例子

0 个答案:

没有答案