2012-09-08 1 views
2

Ember.js의 핸들 바 템플릿에 대한 제한 사항이 절실히 필요하다는 것을 알고 있습니다. 임의의 자바 스크립트를 실행할 수 없습니다. 얻을 수있는 것은 고정 된 능력 집합 (if/else, each, action, view, outlet)과 현재 컨텍스트 개체의 속성 값을 출력하는 것입니다.Ember.js에서 루프 카운터 생성하기 #e

즉, 루프 카운터를 활용하여 루프 내의 html 요소에서 위치 ID를 때 리도록하는 간단한 방법을 알아낼 수 없다는 것을 의미합니다. .

모델 수준의 지식이 아니기 때문에 모델에서 계산 된 속성으로 추가하는 것은 의미가 없습니다 (동일한 모델이 다른보기에서 서로 다른 두 위치에있을 수 있음).

FYI - PostgreSQL에서 ActiveModel :: Serializers를 사용하여 Ember-1.0-pre, Ember-Data 및 Rails를 사용합니다.

답변

3

임의의 자바 스크립트를 실행할 수있는 핸들바 도우미를 작성하는 것이 좋습니다. 몇 가지 예는 http://handlebarsjs.com을 참조하십시오.

또는 모델 (모델이 아닌)의 하위 뷰에 위치 ID를 포함 할 수 있습니다.

+0

첫 번째를 살펴보고 두 번째 의미를 이해하지 못합니다. – odigity

+0

컬렉션의 각 모델을 표현하기 위해 뷰를 사용할 수 있습니다. 이것들은 {{각}} 도우미에서 또는 Ember.CollectionView (항목의 ViewClass 속성 참조)를 사용하여 반복 할 수 있습니다. 이러한 하위 뷰는 상위 뷰에서 위치 ID를 가져올 수 있습니다. –

+0

아직 CollectionView를 체크 아웃하지 않았으며 View 및 ArrayController 만 체크 아웃했습니다. 나는 내가 할 수있는 일을 볼거야. 고마워. – odigity

2

이 페이지의 마지막 예제의 정확한 제목을 루프 카운터입니다 제공 밝혀 :

http://handlebarsjs.com/block_helpers.html

(단 G는 이미 그의 대답에서 "도우미를 작성하는"솔루션을 지적

하지만 이후 나는이 작업을 수행 할 수있는 게시 된 예는 이미 거기에, 내가 링크가 더 유명하게 신선한 대답을 만들고 싶었) handlebars.js와

9

(V 1.0.rc1) :..

{{#each links}} 
    <li>{{@index}} - {{url}}</li> 
{{/each}} 
+2

작동하지 않는 것 같습니까? –

+1

내 버전은 1.0.0.rc.3입니다.이 파일을 추가하면 예기치 않은 토큰 오류가 발생합니다. –

+1

@Deli "예기치 않은 토큰"도 나옵니다 - 문제를 해결 했습니까? – splattne