javascript - Handlebars 使用 Patternlab 传递数据

Question

我使用 Patternlab、Handlebars 和 Gulp 作为原型(prototype)设计工具。目前我有一个有机体正在尝试将数据传递给循环中的原子。我收到以下错误。

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>

和 JSON:

{
  "tabLabels": [
    {
      "tabText": "Tab 1",
      "tabClass": "",
      "disabledState": ""
    },
    {
      "tabText": "Tab 2",
      "tabClass": "",
      "disabledState": ""
    },
    {
      "tabText": "Tab 3 Open",
      "tabClass": "tab-open",
      "disabledState": ""
    }
  ]
}

我在其他问题中看到过例子like here循环嵌套在哪里，所以我不确定我的代码有什么不同/不正确。

Answer 1

尝试将包含语法更改为

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

正如我(最近)在 https://github.com/pattern-lab/patternlab-node/wiki/Working-with-PatternEngines 中记录的那样您会注意到，并非所有 PatternEngine 都是一样的，某些来自默认 Mustache 引擎的语言构造(例如这个)已被更强大的引擎完全淘汰。