«handlebars.js» 태그된 질문

핸들 바 JS에서 논리 연산자를 표준 handlebars.js 조건부 연산자에 통합하는 방법이 있습니까? 이 같은: {{#if section1 || section2}} .. content {{/if}} 나는 내 자신의 도우미를 쓸 수 있다는 것을 알고 있지만 먼저 바퀴를 재발 명하지 않도록하고 싶습니다.

479 javascript  handlebars.js 

내가 본 주요 차이점은 다음과 같습니다. 핸들 추가 #if, #unless, #with, 및#each 핸들 바로 헬퍼 추가 핸들 바 템플릿이 컴파일 됨 (콧수염도 가능) 핸들 바는 경로를 지원 합니다 {{this}}in 블록 사용 가능 (현재 항목의 문자열 값을 출력 함) Handlebars.SafeString() (그리고 아마도 다른 방법들) 핸들 바가 2-7 배 빠릅니다 콧수염 지원 …

333 handlebars.js  mustache  client-side-templating  templating-engine 

핸들 바 템플릿 내에서 배열의 항목 인덱스를 지정하려고합니다. { people: [ {"name":"Yehuda Katz"}, {"name":"Luke"}, {"name":"Naomi"} ] } 이것을 사용하여 : <ul id="luke_should_be_here"> {{people[1].name}} </ul> 위의 방법을 사용할 수 없다면 어떻게 배열 내의 spefic item에 접근 할 수있는 helper를 작성합니까?

270 javascript  handlebars.js 

프로젝트에서 템플릿을 처리하기 위해 핸들 바를 사용하고 있습니다. Handlebars에서 "각"헬퍼의 현재 반복 색인을 얻는 방법이 있습니까? <tbody> {{#each item}} <tr> <td><!--HOW TO GET ARRAY INDEX HERE?--></td> <td>{{this.key}}</td> <td>{{this.value}}</td> </tr> {{/each}} </tbody>

267 javascript  handlebars.js 

클라이언트 측면보기 렌더링을 위해 Handlebars.js를 사용하고 있습니다. Else가 훌륭하게 작동하지만 ELSE IF가 필요한 3 가지 조건부 조건이 발생하면 : 작동하지 않습니다. {{#if FriendStatus.IsFriend }} <div class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></div> {{else if FriendStatus.FriendRequested}} <div class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></div> {{else}} <div class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></div> {{/if}} 핸들 바로 ELSE …

241 handlebars.js 

질문의 제목에서 알 수 있듯이 콧수염 / 핸들 바로 객체 속성 을 반복하는 방법이 있습니까? 그래서 var o = { bob : 'For sure', roger: 'Unknown', donkey: 'What an ass' } 나는 무언가 할 수있는 템플릿 엔진 에 해당 할 것 for(var prop in o) { // with say, prop …

216 javascript  handlebars.js  mustache 

다음과 같은 단순화 된 데이터를 고려하십시오. var viewData = { itemSize: 20, items: [ 'Zimbabwe', 'dog', 'falafel' ] }; 그리고 핸들 바 템플릿 : {{#each items}} <div style="font-size:{{itemSize}}px">{{this}}</div> {{/each}} each루프 내에서 부모 범위에 액세스 할 수 없기 때문에 작동 하지 않습니다. 적어도 내가 시도한 방식은 아닙니다. 나는 이것을하는 방법이 있기를 …

204 javascript  handlebars.js 

다음과 같이 handlebars.js 템플릿이 있습니다. {{externalValue}} <select name="test"> {{#each myCollection}} <option value="{{id}}">{{title}} {{externalValue}}</option> {{/each}} </select> 그리고 이것은 생성 된 출력입니다. myExternalValue <select name="test"> <option value="1">First element </option> <option value="2">Second element </option> <option value="3">Third element </option> </select> 예상대로 모든 요소의 id및 title필드에 액세스하여 myCollection선택을 생성 할 수 있습니다 . 그리고 선택 …

188 javascript  templates  scope  each  handlebars.js 

나는 이와 같은 진술을 가지고있다 : {{#if IsValid}} if다음과 같은 부정적인 진술을 어떻게 사용할 수 있는지 알고 싶습니다. {{#if not IsValid}}

179 ember.js  handlebars.js 

ember.js를 배우고 있으며 뷰와 구성 요소의 차이점을 이해하려고합니다. 재사용 가능한 구성 요소를 만드는 방법으로 두 가지를 봅니다. Ember의 웹 사이트에서 조회 : Ember.js의 뷰는 일반적으로 단지 다음과 같은 이유로 생성됩니다 : 당신이 사용자 이벤트의 정교한 처리가 필요합니다 - 언제 당신이 만들 - 언제 재사용 가능한 구성 요소를 구성 요소에 대한 …

143 javascript  ember.js  handlebars.js 

출력 문자열에서 태그를 이스케이프 처리하지 않고 html 태그가있는 문자열을 핸들 바 템플리트에 삽입하는 방법이 있습니까? template.js : <p>{{content}}</p> 템플릿을 사용하십시오 HBS.template({content: "<i>test</i> 123"}) 실제 결과 : <p><i>test</i> 123</p> 예상 결과: <p><i>test</i> 123</p>

143 javascript  handlebars.js 

템플릿 엔진으로 Handlebar.js를 사용하고 있습니다. 이제 핸들 바 템플릿의 일부 블록을 주석 처리하고 싶습니다. 그러나 Handlebar는 Handlebar 주석 블록 내부의 표현식을 무시하지 않는다는 것을 깨달았습니다. 이에 대한 해결 방법이 있습니까?

134 javascript  html  templates  handlebars.js 

현재 express.js 응용 프로그램에서 handlebars.js를 다루고 있습니다. 모듈 식으로 유지하기 위해 모든 템플릿을 부분적으로 분할했습니다. 내 문제 : 부분 호출을 통해 변수를 전달하는 방법을 찾을 수 없습니다. 다음과 같은 부분이 있다고 가정 해 봅시다. <div id=myPartial> <h1>Headline<h1> <p>Lorem ipsum</p> </div> 이 부분을 'myPartial'이라는 이름으로 등록했다고 가정 해 봅시다. 다른 템플릿에서 …

131 javascript  html  handlebars.js  templating 

Handlebars.js 템플릿에서 목록 / 컬렉션을 반복하기 전에 컬렉션 또는 목록이 null인지 비어 있는지 확인하는 방법이 있습니까? // if list is empty do some rendering ... otherwise do the normal {{#list items}} {{/list}} {{#each items}} {{/each}}

122 handlebars.js 

나는 전체 자바 스크립트 풀 스택 응용 프로그램에 대해 새롭고 Angular에 완전히 새롭기 때문에 누군가가 나를 위해 바로 기록을 올릴 수 있기를 바랐습니다. AngularJS를 사용하여 클라이언트 측 앱을 작성할 때 Jade 또는 Handlebars와 같은 템플릿 프레임 워크를 사용해야하는 이유는 무엇입니까? 나는 이러한 템플릿 프레임 워크를 사용한 적이 없다고 말해야한다. 그래서 …

120 node.js  mongodb  angularjs  handlebars.js  pug