meteor Blaze

Blaze.render(模板，添加模板的标签)；

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

<!-- 传输数据 -->

  <div id = "myContainer">
  </div>
<template name = "myNewTemplate">
  <p>Text from my new template...</p>
</template> 

js  // 传输数据

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

 

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

renderWithData（模板，被动参数，添加模板的标签）

<!-- 被动传输数据 -->

  <div id="myTest">

  </div>

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（渲染模板）

<!-- 删除数据 -->

  <div id="removeData">

  </div>
<template name="removeData">
  <div id="removeWrap">
    这条消息将在三秒后删除
  </div>
</template>

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);
  }
})