meteor Blaze

Blaze.render(模板,添加模板的标签);

render用于绘制模板到DOM,其中第一个参数为模板,第二个参数是要将模板添加到的标签,

  

js  // 传输数据

Meteor.startup(function () {
  if(Meteor.isClient) {
     var myNewTemplate = Template.myNewTemplate;
     var myContainer = document.getElementById('myContainer');
     Blaze.render(myNewTemplate, myContainer);
  }
});

 

如果需要被动地传递一些数据,可以使用 renderWithData 方法。

renderWithData(模板,被动参数,添加模板的标签)

  

js// 被动传输数据

Meteor.startup(function(){
  if(Meteor.isClient){
    var myData = Template.ceshi;
    var myData2 = function(){
      console.log('this is a data object');
    }
    var myContainer = document.getElementById('myTest');
    Blaze.renderWithData(myData,myData2,myTest);
  }
})

删除数据模板

remove(渲染模板)

  

js// 删除数据

Meteor.startup(function(){
  if(Meteor.isClient){
    // 获取模板
    var myData = Template.removeData;
    // 获取标签
    var myData2 = document.getElementById('removeData');
    // 数据添加
    var myData3 = Blaze.render(myData,myData2);
    // 3s后删除数据
    Meteor.setTimeout(() => {
      Blaze.remove(myData3);
    }, 3000);
  }
})

 

 

 

 

 

你可能感兴趣的:(meteor)