Javascript 使用Patternlab传递数据的把手
我使用Patternlab、把手和Gulp作为原型工具。目前,我有一个生物体正试图通过循环将数据传递给原子。我得到以下错误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
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}}" }}