我目前正在学习流星框架,现在我无法理解为什么我的代码无法正常工作。我试图创建一个名为" time"它有一个名为" date"的变量。它使用新的Date();在我的HTML文件上显示日期和时间,但它不起作用。所有它显示的是"现在的时间是"没有显示时间。
这是我的HTML和JS文件(我尝试使用与我课程使用的第一个模板图像相同的逻辑):
HTML:
<head>
<title>my_first_app</title>
</head>
<body>
<h1>Hello from Greece!</h1>
{{>time}}
</body>
<template name="time">
<p>The time now is {{date}}</p>
</template>
使用Javascript:
import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';
import './main.html';
var date = new Date();
Template.time.helpers({
time: function(){
return new Date();
}
});
答案 0 :(得分:2)
您只需将模板中的帮助名称更改为“时间”而不是“日期”,或者减少您可以这样做的歧义:
<head>
<title>my_first_app</title>
</head>
<body>
<h1>Hello from Greece!</h1>
{{>time}}
</body>
<template name="time">
<p>The time now is {{timeVal}}</p>
import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';
import './main.html';
var date = new Date();
Template.time.helpers({
timeVal: function(){ return new Date(); }});