Javascript html标记中的输出变量-meteor

目前，我正在努力学习开发流星，现在我得到了我的第一个问题

这是我的职责：

Template.berechnung.event({
'submit form': function(event) {
    event.preventDefault();
    var eins = parseInt(event.target.ersterWert.value);
    var zwei = parseInt(event.target.zweiterWert.value);
    var ergebnis = eins + zwei;
    console.log(ergebnis);
    return ergebnis;
}

}))

这是我的html标签

<template name="berechnung">
<form>
    <div>
        Erster Wert:
        <input type="text" name="ersterWert">
        <input type="text" name="zweiterWert">
        <input type="submit" value="Rechnung starten">
        <ul>{{ergebnis}}</ul>
        <div {{ergebnis.value}}></div>
    </div>
</form>

Erster Wert：
{{ergebnis}

---

我想把变量“ergebnis”作为输出放在HTMLdiv或ul标记中

div上的结束标记不正确。此外，

ergebnis.value

未根据Javascript代码分配任何值。请单独尝试

ergebnis

<div>{{ergebnis}}</div>

{{ergebnis}

我建议在开始编写应用程序之前先阅读Meteor的官方教程：

阅读Meteor文档也有助于：

您可以简单地使用jQuery或Meteor来实现它，方法是使用和助手：

将

reactive var

软件包添加到您的应用程序中：

meteor add reactive-var

然后，您必须定义本地模板反应变量、助手和事件：

Template.berechnung.onCreate(function() {
  this.ergebnis = new ReactiveVar();
});

Template.berechnung.helpers({
  return Template.instance().ergebnis.get();
});

Template.berechnung.event({
  'submit form': function(event, template) {
    event.preventDefault();
    var eins = parseInt(event.target.ersterWert.value);
    var zwei = parseInt(event.target.zweiterWert.value);
    var ergebnis = eins + zwei;
    console.log(ergebnis);
    template.ergebnis.set(ergebnis);
  }
});

阅读更多有关Meteor中作用域反应性的信息：