DOM에 요소를 추가 할 때 Meteor 도우미 함수를 호출하십시오.

Question

jQuery의 .append($('<h3/>', {'class': 'panel', html: "{{getTitle 'game'}}"}) 요소를 추가 할 때 UI.registerHelper('getTitle', function (type){}); 함수를 호출하고 싶습니다. 출력은 {{getTitle 'game'}}이므로 해석되지 않습니다. 어떻게해야합니까?

도움을 주시면 감사하겠습니다.

Answer 1

{getTitle "game"}}은 HTML이 아니기 때문에 이런 식으로 진행할 수 없습니다. 실제로는 스페이스 바를 사용하는 구문이며 동적으로 해석 할 수 없습니다.

function getTitle(type){ 
    // 
} 
Template.registerHelper("getTitle",getTitle); 

그리고 당신의 DOM 삽입 코드에서 사용 :

var html=getTitle("game"); 
// ... proceed with insertion via jQuery 

이 가장 중요한 역할을 한, jQuery를 통해 HTML을 추가하는 것은하지 않습니다 당신이 할 수있는 무엇

은 별도의 함수로 된 getTitle를 선언하다 매우 기상천당 한 소리이므로 디자인을 재검토하고 템플릿 기반 방식으로 전환하는 것이 좋습니다.

<template name="whatever"> 
    {{#id conditionMet}} 
    <h3>{{getTitle "game"}}</h3> 
    {{/if}} 
</template> 

Template.whatever.helpers({ 
    conditionMet:function(){ 
    // return some value based on a reactive data source 
    } 
});