Question

我很好奇，如果可以从HTTP.call（）函数的匿名调用中检索数据并将该数据放入模板中。到目前为止，我在JS中有以下代码：

Template.weather.onCreated( function() {
   this.data = new ReactiveVar(0);
});
Template.weather.helpers({
    data: function () {     
       return Template.instance().data.get();
    },
    get_data: function() {
       HTTP.call('GET', 'http://path.to.server', {}, function(error, result) {
          if (error)
             console.log(error);
          else {
             console.log(result.data); // data is received 
             var tmp = result.data.main); //
             return tmp;
          }
       });
    }
});
Template.weather.events({
    'click': function(event, template) {
       console.log("click");
       template.data.set(Template.instance().data.get());
    }
});

和模板：

<template name="weather">
<div class="container marketing">
    <hr class="featurette-divider">
    <div class="row featurette">
        <div class="col-md-7">
            <h2 class="featurette-heading">Weather</h2>
            <p style="background-color:#ccc">{{data}}</p>           
        </div>
    </div>                      
</div>

但我仍然在努力将数据放入模板中。如果有人有任何想法，请与我分享。提前谢谢！

Answer 1

您只加载一次数据吗？如果是这样，您可能希望将HTTP调用放在onCreated回调中。

此外，您的HTTP调用回调中的return语句未分配给任何内容，因此您将永远不会看到结果。您可能想将其分配给模板data属性？

这样的事情可以为你解决这两个问题。

Template.weather.onCreated( function() {
    var tmpl = this;
    tmpl.data = new ReactiveVar;
    HTTP.call('GET', 'http://path.to.server', {}, function(error, result) {
      if (error)
         console.log(error);
      else
         tmpl.data.set(result.data);

   });
});

Template.weather.helpers({
  data: function () {     
    return Template.instance().data.get();
  }
});

我希望有所帮助。我不太确定我是否理解你的问题，例如我不知道你想用事件处理程序实现什么，但如果没有别的话，上面的内容可能会让你朝着正确的方向前进。

从匿名HTTP.call（）获取数据

1 个答案: