如何在Zeppelin中将数组从spark绑定到javascript?

问题描述 投票:0回答:1

你好,我正在与齐柏林飞艇一起使用以可视化一些仪表板,我正在使用Angularjs解释器显示系统来配置Spark查询,因此我想在angularJs的输入文本框中添加自动完成功能,用于自动完成功能的列表将是首先在spark中创建,然后我想将其绑定到zeppelinContext中,然后从angular获取此列表,使其成为javascript脚本以创建自动完成功能。

这里举个例子:

第1段:

     %spark.pyspark
      cList5 =  df_ClientDataF1.select(col("type")).filter(col("type").isNotNull()).distinct().rdd.map(lambda r: r[0]).collect()
      z.z.angularBind("cList5",cList5) 

第2段:

   %angular
   <form autocomplete="off">
   <div class="autocomplete" style="width:300px;">
   <input id="myInput" type="text" name="myCountry" placeholder="Country">
   </div>
   <input type="submit">
   </form>
   <script type="text/javascript">
   var element = $('#someId');
   var angularVar = 'cList5';
   var scope = angular.element(element.parent('.ng- scope')).scope().compiledScope;

     function autocomplete(inp, arr) {
    /*the autocomplete function takes two arguments,
   the text field element and an array of possible autocompleted values:*/
    var currentFocus;
 /*execute a function when someone writes in the text field:*/
      .
      .
      .
   /*initiate the autocomplete function on the "myInput" element, and pass along the countries array as possible autocomplete values:*/
     autocomplete(document.getElementById("myInput"), scope);
  </script>

结果变量作用域是一个对象,我试图将其转换为数组,但失败。问题是如何从javascript中的spark作为数组类型获取绑定列表。

你好,我与齐柏林飞艇一起工作以可视化某些仪表板,我正在使用Angularjs解释器显示系统来配置Spark查询,所以我想在...的输入文本框中添加自动填充功能]

angularjs autocomplete apache-zeppelin
1个回答
0
投票
我正在尝试完全相反的事情:D但here是不错的YT视频。可能会有帮助。
© www.soinside.com 2019 - 2024. All rights reserved.