The angularbind.watch function is already taking care of pushing changes
from front to backend. However like stated before, the front scope variable
are currently stored at app scope level in something named compiledScope
(im working on sandboxing that better).
So the way to set the scope variable in your javascript right now, would be:
var controllerElement = document.querySelector('[ng-app=zeppelinWebApp]');
var scope = angular.element(controllerElement).scope().compiledScope;
scope.selectedNode = d.name;
On Aug 18, 2015 11:34 PM, "DuyHai Doan" <doanduy...@gmail.com> wrote:
> Personnally I tried to modify the source code of the Zeppelin
> notebook.controller.js to add a new method "pushAngular" to trigger update
> from front-end to back-end. But it requires some knowledge of AngularJS.
>
> On Tue, Aug 18, 2015 at 3:39 PM, hasan türken <turk...@gmail.com> wrote:
>
>> Thanks for quick response.
>> Checked the lines you shared, but I am new to Front-end development and
>> could not imagine how and where to access and play with the compileScope (I
>> think it is compiledScope, as I saw in the code you linked).
>> Should I try to access it within my dblclick function? Or from scala side
>> ?
>>
>> On Tue, Aug 18, 2015 at 4:18 PM, DuyHai Doan <doanduy...@gmail.com>
>> wrote:
>>
>>> This is very tricky. I had a look into the source code of the Angular
>>> object binding system and it appears that there is an isolated compile
>>> scope:
>>>
>>> Definition:
>>> https://github.com/apache/incubator-zeppelin/blob/master/zeppelin-web/src/app/app.controller.js#L17
>>>
>>> Usage:
>>> https://github.com/apache/incubator-zeppelin/blob/master/zeppelin-web/src/app/notebook/notebook.controller.js#L466-L469
>>>
>>> You need to play with the compileScope to trigger any update from the
>>> front-end to the back-end
>>>
>>> On Tue, Aug 18, 2015 at 3:02 PM, hasan türken <turk...@gmail.com> wrote:
>>>
>>>> Hi,
>>>>
>>>> First of thanks for the awesome Angular interpreter, which seems to
>>>> have a big potential.
>>>> I am trying to detect a change on an Angular variable using the Angular
>>>> interpreter. I am changing the Angular variable within a javascript
>>>> function, see the result but binded scala object does not change.
>>>>
>>>> I am binding with:
>>>>
>>>> *var selectedNode = "none"*
>>>> *def plotter = {*
>>>> * ...*
>>>>
>>>> * z.angularBind("selectedNode", selectedNode)*
>>>> * z.angularUnwatch("selectedNode")*
>>>> * z.angularWatch("selectedNode", (before:Object, after:Object) => {*
>>>> * z.run(2)*
>>>> * })*
>>>> * ...*
>>>> *}*
>>>>
>>>> Then:
>>>>
>>>> * %angular*
>>>> *<div id="tree_1">*
>>>> * <h2>Selected Node: {{selectedNode}}</h2>*
>>>> * </div>*
>>>>
>>>> I can see "Selected Node: none"
>>>>
>>>> I have a node and I set a dblclick function on it:
>>>>
>>>> * function dblclick(d) {*
>>>> * var scope = angular.element($("#tree_1")).scope();*
>>>> * scope.$apply(function(){*
>>>> * scope.selectedNode = d.name <http://d.name>;*
>>>> * console.log(d.name <http://d.name>);*
>>>> * })*
>>>>
>>>> When I double click a node, it successfully sets the selectedNode
>>>> variable, since I can see the name as:
>>>>
>>>> Selected Node: some-node-name
>>>>
>>>> But the problem is, it is not reflected to scala side, i.e. when I run:
>>>>
>>>> * println(selectedNode)*
>>>>
>>>> I can not get the updated name also can not detect any change even I
>>>> set with angularWatch.
>>>>
>>>> Thanks in advance,
>>>> Hasan
>>>>
>>>>
>>>>
>>>>
>>>
>>
>
