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

Fra*_*ère 5 requirejs angularjs apache-zeppelin

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

基于这个 Angular 示例

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

这是 Zeppelin 中可能的转换代码(相同的代码在标准 Web 应用程序中运行良好)

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>
""")
Run Code Online (Sandbox Code Playgroud)

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

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

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

请帮忙:) 或者提供一个具体的例子