A notebook demonstrating how to use arbitrary frameworks (ie, AngularJS) within Jupyter Notebook

angularjs_notebook.ipynb

deps.js

require.config({
    paths: {
        velocity: "https://cdn.jsdelivr.net/velocity/1.2.3/velocity.min",
        interact: "https://cdn.jsdelivr.net/interact.js/1.2.6/interact.min",
        angular: "https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min"
       },
    shim: {
        'angular': {
            exports: 'angular'
        }
    }
});

input_template.ng

<div id="content" ng-controller="MyController">
    <h1>{{greeting}},{{name}}</h1>
    <input type="text" ng-model="greeting" name="name">
    <input type="text" ng-model="name" name="name">
</div>

I did this with Angular 4:

I think
https://stackoverflow.com/questions/45330160/require-not-working-when-used-in-jupyter-ipython-notebook
is borrowing your code, and I'm not sure that it still works in current jupyter version. I also noticed that it doesn't run in jupyter.

Thanks so much for this!

@briancullinan can you share the Angular 4 version?