上鍊接更改模板點擊流星

有一個按鈕：上鍊接更改模板點擊流星

<a id = "login" class="waves-effect white blue-text text-darken-2 btn"><i class="fa fa-pencil"></i> Write</a>

，並有兩個模板，第一頁，和secondpage。

現在，我希望Meteor在單擊該鏈接並更新第二頁時更改模板。

我該怎麼做？

我用aldeed:template-extension但它不工作。

來源

2015-05-21 Abhishek Soni

你可以在這裏使用一些助手和模板變量。

可以說你有這個模板。

<template name="example"> 
{{#if clicked}} 
    {{> firstPage}} <!-- the firstPage template will be rendered if the var is == false --> 
    {{else}} 
    {{> secondPage}} <!-- this will be render when the session is equals to true --> 
{{/if}} 
</template>

現在Javascript。

首先在onCreate函數聲明默認值（類似這樣Session.setDefault）

Template.example.onCreated(function(){ 
    var self = this; 

    self.vars = new ReactiveDict(); 

    self.vars.setDefault('clicked' , true); //default is true 

});

現在的事件來改變點擊的狀態爲假（以會話類似的get/set）。

Template.example.events({ 
    'click .waves-effect':function(event,template){ 
    var instance = Template.instance(); 
     instance.vars.set('clicked', false) //set to true. 
    } 
})

現在我們的東西聽我們的變量的變化，讓我們使用一個輔助

Template.example.helpers({ 
clicked:function(){ 
var instance = Template.instance(); //http://docs.meteor.com/#/full/template_instance 
return instance.vars.get('clicked') //this will return false(default) | true 
} 
})

注意這裏我們使用無功字典至極共享會話的相同構造結。

meteor add reactive-dict

這裏是MeteorPad例

來源

2015-05-21 19:53:33 Ethaan

上鍊接更改模板點擊流星

回答

相關問題