使用指南中的选择下拉菜单自动填充密码查询

Question

在创建自定义浏览器指南中，它讨论了使用表单字段来填充指南中的密码查询文本，类似于内置的:play query-template。这可以很好地处理HTML "input"字段:

<article class="guide" ng-controller="AdLibDataController">
<carousel class="deck container-fluid">
<slide>
<input value-for="queryLang" class="form-control" value="Person"/>
<pre class="code runnable ng-binding" mode="cypher">
MATCH (n:<span value-key="queryLang">Person</span>) RETURN n
</pre>
</slide>
</carousel>
</article>

但是，它似乎不能与其他表单元素一起工作。是否可以使用选择下拉菜单在指南中填充密码查询文本?下拉列表比文本字段有用得多，在文本字段中，有人可能会输入错误的值。我尝试了以下方法(不工作):

<article class="guide" ng-controller="AdLibDataController">
<carousel class="deck container-fluid">
<slide>
<select class="form-select">
<option value-for="queryLang" value="Movie">Movie</option>
<option value-for="queryLang" value="Person">Person</option>
</select>
<pre class="code runnable ng-binding" mode="cypher">
MATCH (n:<span value-key="queryLang">Person</span>) RETURN n
</pre>
</slide>
</carousel>
</article>

有什么建议吗?这可能吗?

Answer 1

我认为这是一个bug，或者是一些(尚未)预见到的东西。

实际上，使用以下代码:

<article class="guide" ng-controller="AdLibDataController">
<carousel class="deck container-fluid">
<slide class="row-fluid">
<div class="col-sm-12">
<div>
<select value-for="nodeLabelA" class="form-control">
<option value="Producer">Producer</option>
<option value="Movie">Movie</option>
<option value="Actor">Actor</option>
</select>
<input value-for="propertyKeyA" class="form-control" value="name" />
<div class="listingblock">
<div class="content">
<pre
mode="cypher"
class="highlight pre-scrollable programlisting cm-s-neo code runnable standalone-example ng-binding"
data-lang="cypher"
lang="cypher"
><!--code class="cypher language-cypher"-->CREATE (a:`<span value-key="nodeLabelA">Another</span>`) RETURN a<!--/code--></pre>
</div>
</div>
</div>
</div>
</slide>
<slide class="row-fluid"></slide>
</carousel>
</article>

我从下拉菜单中选择了一些东西，与<select/>突出显示，我只是键入tab去下一个输入和maiusc+tab返回到select标签。之后Cypher代码更改:|

的确，看看neo4j浏览器的github代码，value-forjs部分似乎是由onkeyup触发的，也许这就是原因。

此外，由于某种原因，没有第二个空slide，这个技巧就不起作用了。