Wie setze ich den Winkelvariablenwert von JavaScript auf Zeppelin

Question

Ich mache eine Visualisierung mit D3 auf Zeppelin und ich muss Scala Variable mit Javascript eins verknüpfen.

Auf einfache Art und Weise habe ich die folgenden drei Absätze: Hoffnung

1)

z.angularUnbind("aux") 
z.angularBind("aux", "original value") 

2)

%angular 
<button onclick="myFunction()">Click me</button> 
<p id="demo"></p> 

<script> 
function myFunction() { 
    if (document.getElementById("demo").innerHTML === ""){ 
     document.getElementById("demo").innerHTML = "Hello World"; 
     aux = "If" 
    }else{ 
     document.getElementById("demo").innerHTML = ""; 
     aux = "Else" 
    } 
} 
</script> 

3)

z.angular("aux") 

Und ich die folgenden Ergebnisse:

1. Bevor Sie auf "Click me" klicken, hoffe ich: aux = "original value".

2. Nach einem Klick auf "Klick mich" Knopf Ich hoffe: aux = "Wenn"

3. Nach zwei Klick auf "Klick mich" Knopf Ich hoffe: aux = "Else"

Wie javascript "aux" Variable mit angulars "aux" verknüpfen?

Answer 1

ich endlich gefunden, wie das zu tun:

Absatz 1) und 3) sind gleich denen in Frage zeigte. In Tabelle 2) aux Variable wird durch Schreiben in ein angularjs Eingabefeld modifiziert und reagiert auf Änderung mit z.angularBind (..) Methode. Es erlaubt, die Aux-Variable mit einem anderen Wert zu verbinden. Das dritte Argument der Methode z.angularBind (..) ist der Bezeichner von Absatz 3).

2)

%angular 
<button onclick="myFunction()">Click me</button> 
<input id="tb" class="hide" ng-model="aux" ng-change="z.angularBind('aux',aux,'20161224-171923_464920272')"></input> 
<p id="demo"></p> 

<script> 
function myFunction() { 
    var element = $('#tb'); 
    if (document.getElementById("demo").innerHTML === ""){ 
     document.getElementById("demo").innerHTML = "Hello World"; 
     element.val("If"); 
    }else{ 
     document.getElementById("demo").innerHTML = ""; 
     element.val("Else"); 
    } 
    window.setTimeout(function() { 
     return element.trigger('input'); 
    }, 500); 
} 
</script>