如何在齐柏林飞艇上从JavaScript设置角度变量值

我正在齐柏林飞艇上使用D3进行可视化，我需要将Scala变量与javascript变量链接起来

简单地说，我有以下三段：

(一)

(二)

我希望取得以下成果：

在单击“单击我”按钮之前，我希望：aux=“原始值”

单击“单击我”按钮一次后，我希望：aux=“If”

两次单击“单击我”按钮后，我希望：aux=“Else”

---

如何将javascript“aux”变量与angular的“aux”链接

我终于找到了这样做的方法：

第1）段和第3）段与所述内容相同。在pragraph 2）中，aux变量通过写入angularjs输入字段进行修改，并使用z.angularBind（..）方法对更改作出反应。它允许将aux变量与另一个值绑定。z、 angularBind（..）方法的第三个参数是第3）段的标识符

(二)

%
点击我

函数myFunction（）{
var元素=$（'#tb'）；
if（document.getElementById（“demo”）.innerHTML==“”）{
document.getElementById（“demo”）.innerHTML=“Hello World”；
要素val（“如果”）；
}否则{
document.getElementById（“demo”）.innerHTML=“”；
元素val（“其他”）；
}
setTimeout（函数（）{
返回元素。触发器（'input'）；
}, 500);
}

详细解释

aux

变量的定义位置？在

范围内

？我不知道该在哪里定义它。我需要从Javascript中获取角度信息。之后，我想在另一段中定义一个角度控制器，以对

aux

更改作出反应。检查此项感谢@RockieYang，我终于可以解决我的问题了。

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

%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>

z.angular("aux")

%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>