Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Patternlab传递数据的把手_Javascript_Gulp_Handlebars.js_Patternlab.io_Atomic Design - Fatal编程技术网

Javascript 使用Patternlab传递数据的把手

Javascript 使用Patternlab传递数据的把手,javascript,gulp,handlebars.js,patternlab.io,atomic-design,Javascript,Gulp,Handlebars.js,Patternlab.io,Atomic Design,我使用Patternlab、把手和Gulp作为原型工具。目前,我有一个生物体正试图通过循环将数据传递给原子。我得到以下错误 Error: Parse error on line 12: ...bLabels}} {{> atoms-tab(tabText: " ----------------------^ Expecting 'OPEN_SEXPR', 'ID', 'STRING', 'NUMBER', 'BOOLEAN', 'UNDEFINED', 'NULL', 'DATA

我使用Patternlab、把手和Gulp作为原型工具。目前,我有一个生物体正试图通过循环将数据传递给原子。我得到以下错误

Error: Parse error on line 12:
...bLabels}}      {{> atoms-tab(tabText: "
----------------------^
Expecting 'OPEN_SEXPR', 'ID', 'STRING', 'NUMBER', 'BOOLEAN', 'UNDEFINED', 'NULL', 'DATA', got 'INVALID'
我的代码如下:

<nav class="tabbed-nav {{tabMenuClass}}">
  <ul>
    {{#each tabLabels}}
      {{> atoms-tab(tabText: {{tabText}})}}
    {{/each}}
  </ul>
</nav>

我在其他问题中看到过循环嵌套的例子,因此我不确定我的代码有什么不同/不正确之处。

尝试将include语法更改为

{{> atoms-tab tabText="{{tabText}}" }}

正如我最近在ING中记录的那样,您会注意到并非所有的PatternEngine都是平等创建的,一些来自默认Mustache引擎的语言构造(如此)完全被功能更强大的引擎淘汰。

原来问题出在我的patternlab-config.json中。我没有更改patternExtension选项,如下所示


patternExtension:handlebars

这里是Pattern Lab节点的维护者-这可能是一个类似的测试用例,表明handlebars引擎中的列表迭代有问题。但是,您的用例稍微复杂一些,并且不使用listitems。如果从包含中删除tabText patternParameter,行为是什么?嘿@BrianMuenzenmeyer,如果删除tabText参数,则会出现错误:找不到部分atoms选项卡,我的本地服务器崩溃。我不确定这是否是因为atoms选项卡是这样的:它需要参数?如果我在没有循环的情况下硬编码,我会这样称呼它{{>atoms-tabtext:tab1}{{{>atoms-tabtext:tab2}}。这就是我试图在循环中模仿的。我希望更简单的案例能够工作,除非上面提到的问题也与您的用例有关。我只是想降低测试的复杂性。也许你可以在上打开一个新的问题,或者在上与我聊天,以便进行更快的交流。我知道了为什么它不能与车把扩展一起工作,但我肯定会在我的循环中尝试!谢谢
{{> atoms-tab tabText="{{tabText}}" }}