ハンドルバーPatternlabでデータを渡す

私はプロトタイプツールとして、Patternlab、Handlebars、Gulpを使用しています。現在、ループ内の原子にデータを渡そうとする生物があります。次のエラーが表示されます。ハンドルバーPatternlabでデータを渡す

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：ループが、私はよく分からないので、ネストされている他の質問like hereで

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

私が見てきた例は何私のコードについて違う/間違っています。

出典

2017-05-02 caraclarke

メンテナ - これは、リストの反復でと何か間違ったことを示してhttps://github.com/pattern-lab/patternlab-node/issues/648と同様のテストケースであるかもしれませんハンドルバーエンジン。ユースケースはやや複雑で、リスト項目を使用しません。インクルード内からtabText patternParameterを削除すると、どのような動作ですか？ –

Hey @BrianMuenzenmeyer、tabTextパラメータを削除すると、エラー「エラー：部分アトムタブが見つかりませんでした」が表示され、ローカルサーバがクラッシュします。原子タブがどのようなものなのか分かりません：

これはパラメータを期待していますか？ループなしでこれをハードコーディングしていた場合は、このように呼びます。 '{{>原子タブ（tabText："タブ1 "）}} {{>原子タブ（タブ2：タブ2）}}} '。これは私がループ内で真似しようとしていたものです。 – caraclarke

私は上記の問題があなたのユースケースに関係する場合を除き、より単純なケースが動作することを期待しています。私はテストの複雑さを軽減しようとしていました。おそらく、https://github.com/pattern-lab/patternlab-nodeで新しい問題を開いたり、https://gitter.im/pattern-lab/nodeで私とチャットしたりすれば、より高速な通信が可能になるでしょう。 –

問題は私のpatternlab-config.jsonにありました。私は以下のようにpatternExtensionオプションを変更しませんでした。ここでは、パターンラボノードの

"patternExtension": "handlebars"

出典

2017-05-19 13:49:01 caraclarke

I（つい最近）は、このように、デフォルトの口ひげエンジンからいくつかの言語構造で、あなたがすべてではないPatternEnginesが同じように作られていることがわかりますwithing https://github.com/pattern-lab/patternlab-node/wiki/Working-with-PatternEnginesを文書としてあなたが

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

に構文を含める変更してみてくださいより強力なエンジンによって完全に廃止されました。

出典

2017-05-18 13:01:57

なぜハンドルバーの拡張機能で動作していないのか分かりましたが、間違いなくループを試してみます！ありがとう！ – caraclarke

ハンドルバーPatternlabでデータを渡す

答えて

関連する問題