我正在尝试使用显示最新强力球结果的流星制作页面。
到目前为止,我有一个工作页面使用:
RESULTS.JS
Template.results.helpers({
results: function () {
return Session.get('lottery-results');
},
winning: function() {
return Session.get('winning')
}
});
Template.results.rendered = function(){
Session.set('lottery-results', []);
HTTP.get("http://data.ny.gov/resource/d6yy-54nr.json", function (err, result) {
Session.set('lottery-results', JSON.parse(result.content) );
});
};
Template.results.events({
'change #date': function (e, tmpl) {
Session.set('winning', $('#date option:selected').data('winning'))
}
});
Template.results.destroyed = function(){
Session.set('winning', []);
};
和
RESULTS.HTML
<template name="results">
<select id="date">
<option>Select a date</option>
{{#each results}}
<option data-winning="{{ winning_numbers }}">{{dateFormat draw_date format="MM/DD/YYYY"}}</option>
{{/each}}
</select>
<h1>{{ winning }}</h1>
</template>
我想对结果进行设计,以便数字在球内出现。前5个数字是一种风格(白球),最后一个数字是&lt;强力球,将是它自己的风格(红球)。我想我需要以某种方式将结果解析为跨度或div,但我不知道如何。建议?