e4ff4c0353
https://issues.apache.org/jira/browse/ZEPPELIN-448 Addresses update documentation for Spark configuration. And BASE_PATH change after #430, #431 is deployed. (currently deployed website has this change applied) Author: Lee moon soo <moon@apache.org> Closes #448 from Leemoonsoo/update_install and squashes the following commits:54e2edf[Lee moon soo] add newlinecbd95d6[Lee moon soo] Add description for included version of spark when SPARK_HOME is not set00099ad[Lee moon soo] Add description for bumping up versioncf99212[Lee moon soo] Fix typoab6d267[Lee moon soo] Update BASE_PATH73a737c[Lee moon soo] Remove instruction for 0.5.0 as zeppelin has documentation per version4369f3e[Lee moon soo] Fix linkdcdaa74[Lee moon soo] Add more configurations possible8c9361d[Lee moon soo] Change font stylede74e6b[Lee moon soo] Update install and configuring spark
3.2 KiB
| layout | title | description | group |
|---|---|---|---|
| page | Angular Display System | display |
{% include JB/setup %}
Angular (Beta)
Angular display system treats output as an view template of AngularJS. It compiles templates and display inside of Zeppelin.
Zeppelin provides gateway between your interpreter and your compiled AngularJS view teamplates. Therefore, you can not only update scope variable from your interpreter but also watch your scope variable in the interpreter, which is JVM process.
#### Print AngularJS view
To use angular display system, your output should starts with "%angular".
Note that display system is backend independent.
Because of variable 'name' is not defined, 'Hello {{name}}' display 'Hello '.
#### Bind/Unbind variable
Through ZeppelinContext, you can bind/unbind variable to AngularJS view.
Currently it only works in Spark Interpreter (scala).
// bind my 'object' as angular scope variable 'name' in current notebook.
z.angularBind(String name, Object object)
// bind my 'object' as angular scope variable 'name' in all notebooks related to current interpreter.
z.angularBindGlobal(String name, Object object)
// unbind angular scope variable 'name' in current notebook.
z.angularUnbind(String name)
// unbind angular scope variable 'name' in all notebooks related to current interpreter.
z.angularUnbindGlobal(String name)
In the example, let's bind "world" variable 'name'. Then you can see AngularJs view are updated immediately.
#### Watch/Unwatch variable
Through ZeppelinContext, you can watch/unwatch variable in AngularJs view.
Currently it only works in Spark Interpreter (scala).
// register for angular scope variable 'name' (notebook)
z.angularWatch(String name, (before, after) => { ... })
// unregister watcher for angular variable 'name' (notebook)
z.angularUnwatch(String name)
// register for angular scope variable 'name' (global)
z.angularWatchGlobal(String name, (before, after) => { ... })
// unregister watcher for angular variable 'name' (global)
z.angularUnwatchGlobal(String name)
Let's make an button, that increment 'run' variable by 1 when it is clicked. z.angularBind("run", 0) will initialize 'run' to zero. And then register watcher of 'run'.
After clicked button, you'll see both 'run' and numWatched are increased by 1
