2012-12-24 2 views
1

먼지 템플릿 중 일부에서 사용하려는 코드 조각이 있으므로 부분을 사용하려고합니다. 나는 다음과 같은 것이 최선의 접근법인지 확신 할 수 없다. 도와주세요.Dust.js partails newbie

1)의 I/I가
3) I는 {> "userinfo.dust"를 추가 userinfo.dust 만들 userinfo.html 컴파일)
2 userinfo.html이라는 템플릿 파일에 기재 템플릿에서 공통 코드를 추출 } 코드를 사용자 정보를보고 싶은 모든 템플릿에 추가합니다.
4) 이제 다음 명령으로 템플릿을 렌더링 할 때. "템플릿을 찾을 수 없습니다 : userinfo.dust"오류가 발생합니다.

dust.render("moduleTemplate", templateData, function(err, out) { 
    $main.html(out); 
}); 

렌더링하는 동안 templateData와 함께 userinfo.dust를 보내야합니까? Google이 제공 할 수있는 부분 관련 정보를 모두 읽으려고했지만 부분을 구현하는 방법을 파악할 수 없었습니다. 요는 .dust 확장자를 지정하지 않기 때문에 당신은 정말

{>"userinfo"/} 

를 호출해야

{>"userinfo.dust"/} 

: 전화 템플릿에서

답변

1

. 여기에 내 템플릿 예 : 그것은 당신의 문제에 대한 해답 같은 소리

{>header /} 
    {>results /} 
{>footer /} 

HTH

+0

왜 공식 문서에서 이렇게 설명하지 않습니까? – Offirmo

+0

@Offirmo 좋은 지적. 내가 그들에게 문서를 업데이트 시키면 나는 볼 것이다. –

1

부분이 페이지에 포함되지 않는 것입니다. 먼지는 JavaScript로 컴파일되므로 파일 이름을 바꾸면 userinfo.dust (템플릿) 및 userinfo.js (컴파일 된 템플릿)가 더 적합합니다.

<script type="text/javascript" src="templates/userinfo.js"></script> 

마지막으로, 당신이 컴파일 된 svame 이름을 사용하여 템플릿을 호출해야합니다 : 이제 스크립트 태그를 사용하여 템플릿을 포함한다. 당신이 확실하지 않은 경우

{>userinfo/} 

: 이런 식으로 컴파일 된 템플릿을 사용하여 호출 할 수 있습니다

var userinfoCompiled = dust.compile('userinfo', 'user info template goes here'); 

: 좋은 (확장자없이 반드시 자주는 아니지만) 파일 이름을 사용하는 아이디어 컴파일 된 템플릿의 이름은 컴파일 된 JavaScript 파일을 열어 다음을 찾을 수 있습니다.

dust.register('userinfo')