Javascript 将framework7的把手变量传递给函数
在虚拟列表中,我有一个名为duration的变量,以毫秒为单位。 我有一个简单的函数,可以将它转换为分钟:秒 如何将该变量传递给函数Javascript 将framework7的把手变量传递给函数,javascript,html-framework-7,Javascript,Html Framework 7,在虚拟列表中,我有一个名为duration的变量,以毫秒为单位。 我有一个简单的函数,可以将它转换为分钟:秒 如何将该变量传递给函数 function success(list){ var virtualList = app.virtualList.create({ // List Element el: '.virtual-list', // Pass array with items
function success(list){
var virtualList = app.virtualList.create({
// List Element
el: '.virtual-list',
// Pass array with items
items: list,
// List item Template7 template
itemTemplate:
'<li>' +
'<a href="#" class="item-link item-content">' +
'<div class="item-inner">' +
'<div class="item-title-row">' +
'<div class="item-title">{{name}}</div>' +
// How to pass handlebar variable?
'<div class="item-after">'+millisToMinutesAndSeconds(parseInt('+{{duration}}+', 10))+'</div>' +
'</div>' +
'<div class="item-title-row">' +
'<div class="item-subtitle">{{artist}}</div>' +
'</div>' +
'</div>' +
'</a>' +
'</li>',
// Item height
height: app.theme === 'ios' ? 63 : 73,
});
}
function millisToMinutesAndSeconds(millis) {
var minutes = Math.floor(millis / 60000);
var seconds = ((millis % 60000) / 1000).toFixed(0);
return minutes + ":" + (seconds < 10 ? '0' : '') + seconds;
}
正如你所看到的,那是行不通的。如何获取该值并将其传递给我的函数毫秒和秒?您可以通过如下方式构建自定义帮助器来实现这一点:
/* You can use Handlebars.registerHelper...etc if its hbs */
Template7.registerHelper('millisToMinutesAndSeconds', function(millis){
var minutes = Math.floor(millis / 60000);
var seconds = ((millis % 60000) / 1000).toFixed(0);
return minutes + ":" + (seconds < 10 ? '0' : '') + seconds;
});
'.....<div class="item-after">{{millisToMinutesAndSeconds yourMillisValue}}</div>'....
在你的路线上,会是这样的:
/* You can use Handlebars.registerHelper...etc if its hbs */
Template7.registerHelper('millisToMinutesAndSeconds', function(millis){
var minutes = Math.floor(millis / 60000);
var seconds = ((millis % 60000) / 1000).toFixed(0);
return minutes + ":" + (seconds < 10 ? '0' : '') + seconds;
});
'.....<div class="item-after">{{millisToMinutesAndSeconds yourMillisValue}}</div>'....