Question

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

这是我的功能：

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>

我想把var“ergebnis”作为输出放在html div或ul标签中......

Answer 1

我建议您在开始编写应用之前阅读Meteor的官方教程：https://www.meteor.com/tutorials/blaze/forms-and-events

阅读Meteor文档也可以提供帮助：http://docs.meteor.com/#/full/template_helpers

你可以通过使用jQuery来实现它，或者Meteor的方式是使用ReactiveVar和帮助者：

将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中的范围反应：https://dweldon.silvrback.com/scoped-reactivity

Answer 2

你在div上有不正确的结束标记。此外，根据Javascript代码，ergebnis.value未分配任何值。单独尝试ergebnis。

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

html标签中的输出变量 - 流星

2 个答案: