핸들 줄 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와 유사한 테스트 케이스 수 있습니다 핸들 바 엔진. 유스 케이스는 다소 복잡하고 listitem을 사용하지 않습니다. 포함 내에서 tabText patternParameter를 제거하면 어떻게됩니까? –

Hey @BrianMuenzenmeyer, tabText 매개 변수를 제거하면 '오류 : 부분 원자 탭을 찾을 수 없습니다.'라는 메시지가 표시되고 로컬 서버가 중단됩니다. 나는 그것이 원자 탭이 어떻게 보이기 때문인지 확신 할 수 없다 :

그것은 매개 변수를 필요로 하는가? 루프없이이 코드를 하드 코딩했다면 다음과 같이 부를 것이다. '{{atoms-tab (tabText : "탭 1")}} {{> 원자 탭 (tabText : "탭 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

답변

관련 문제