Meteor에서 동적 요소를 숨기려면 어떻게해야합니까?

Question

그래서 나는 다음과 같은 템플릿을 보여주는 {{#each game}}으로 반복됩니다 템플릿의 무리가 : "페이지 1"상자를 클릭

내가 표시 할

<template name="game"> 
{{#if condition}} 
    <div class="box"> 
     Page 1 
    </div> 
{{else}} 
    <div class="box"> 
     Page 2 
    </div> 
{{/if}} 
</template> 

"페이지 2", 그래서 다음이 :

Template.game.events({ 
    'click .box': function(e) { 
     Session.set("condition", true); 
    } 
}); 

그러나 나는 다른 게임 템플리트 모두가 클릭 된 페이지 2로 전환하는 것을 원하지 않습니다. 어떻게해야합니까?

편집 : 변경 사항은 모든 사용자가 아니라 현재 사용자에게만 적용됩니다.

Answer 1

가정 게임은 Meteor.Collection에 저장되고, condition는뿐만 아니라 현재, 당신은 같은 것을 할 수있는 모든 사용자에 대해 반영해야 문서의 속성입니다 :이 경우

Template.game.events({ 
    'click .box': function(event, template) { 
     Games.update(
      {_id: template.data._id}, 
      {$set: {condition: !template.data.condition}} 
     ); 
    } 
}); 

을

Template.game.events({ 
    'click .box': function(event, template) { 
     Session.set("condition-" + template.data._id, true); 
    } 
}); 

Template.game.condition = function() { 
    return Session.get("condition-" + this._id); 
}; 

당신은 삶을 함께 비슷한 기능을 달성 할 수 : 현재 사용자에 영향을해야 템플릿 인스턴스 특정 세션 변수를 사용하고 도우미 기능을 반환 할 수는 condition라고 난 수집.

Answer 2

세션 변수를 사용하지 마십시오! 바로 그 이유는 여러분이 갖고있는 문제이며, 그들은 이전의 전역 변수와 같습니다. 대신 템플릿 데이터를 사용하십시오.이 템플릿은 로컬이므로이 경우 원하는대로 동작을 제어하는 ​​데 사용할 수 있습니다.

Template.game.created = function() { 
    this.data.conditionValue = 'something'; 
    this.data.conditionDep = new Deps.Dependency(); 
}; 

Template.game.condition = function() { 
    this.conditionDep.depend(); 
    return this.conditionValue; 
}; 

Template.game.events({ 
    'click .box': function(e, t) { 
    t.data.conditionValue = 'somethingElse'; 
    t.data.conditionDep.changed(); 
    }, 
}); 

Answer 3

가 나는 또한 좋은 생각 같은 소리하지 않는 ID로 세션을 사용하는 느낌, 그리고 사용하는 세션보다 더 나은 것 같다이 대답을 발견 : 귀하의 예제에서 템플릿

Using Meteor sessions to toggle templates