Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ms-access/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Handlebars.js 迭代基本“;用于”;使用handlebar.js循环_Handlebars.js - Fatal编程技术网

Handlebars.js 迭代基本“;用于”;使用handlebar.js循环

Handlebars.js 迭代基本“;用于”;使用handlebar.js循环,handlebars.js,Handlebars.js,我是Handlebar.js的新手,刚开始使用它。大多数示例都基于对对象的迭代。我想知道如何在basic for loop中使用把手 例如 for(i=0 ; i<100 ; i++) { create li's with i as the value } for(i=0;i车把中没有这方面的内容,但是您可以很容易地添加自己的助手 如果您只想做几次n,那么: Handlebars.registerHelper('times', function(n, block) { va

我是Handlebar.js的新手,刚开始使用它。大多数示例都基于对对象的迭代。我想知道如何在basic for loop中使用把手

例如

for(i=0 ; i<100 ; i++) {
   create li's with i as the value
}

for(i=0;i车把中没有这方面的内容,但是您可以很容易地添加自己的助手

如果您只想做几次
n
,那么:

Handlebars.registerHelper('times', function(n, block) {
    var accum = '';
    for(var i = 0; i < n; ++i)
        accum += block.fn(i);
    return accum;
});

{{{0 10 2}
{{this}}
{{/for}}

演示:

如果你喜欢咖啡脚本

Handlebars.registerHelper "times", (n, block) ->
  (block.fn(i) for i in [0...n]).join("")

{{#乘以10}
{{this}}
{{/次}

如果
n
作为动态值出现,此代码段将处理else块,并提供
@index
可选上下文变量,它还将保留执行的外部上下文

/*
* Repeat given markup with given times
* provides @index for the repeated iteraction
*/
Handlebars.registerHelper("repeat", function (times, opts) {
    var out = "";
    var i;
    var data = {};

    if ( times ) {
        for ( i = 0; i < times; i += 1 ) {
            data.index = i;
            out += opts.fn(this, {
                data: data
            });
        }
    } else {

        out = opts.inverse(this);
    }

    return out;
});
/*
*用给定的时间重复给定的标记
*为重复的iteraction提供@index
*/
车把.注册表帮助器(“重复”),功能(次数,选项){
var out=“”;
var i;
变量数据={};
如果(次){
对于(i=0;i<次;i+=1){
data.index=i;
out+=opts.fn(这个{
数据:数据
});
}
}否则{
out=选择反向(本);
}
返回;
});

如果您想使用last/first/index,这里的顶部答案是好的,尽管您可以使用以下选项

Handlebars.registerHelper('times', function(n, block) {
    var accum = '';
    for(var i = 0; i < n; ++i) {
        block.data.index = i;
        block.data.first = i === 0;
        block.data.last = i === (n - 1);
        accum += block.fn(this);
    }
    return accum;
});
handlebar.registerHelper('times',函数(n,块){
累计风险值=“”;
对于(变量i=0;i

{{#乘以10}
{{@first}{{@index}{{{@last}}
{{/次}

已经晚了几年,但是现在把手上有了
每个
,您可以非常轻松地迭代一系列项目


+1用于助手。顺便说一句,在需要返回初始数据的情况下,嵌套for helper将不起作用。例如,数据:{rows:12,cols:3}。@mu太短了,这里没有任何帮助吗?@sheriffderek抱歉,我不知道事物的余烬或余烬CLI端。在嵌套
中打印
{../this}
{{#times}
块我注意到有时它将是
[Object Object]
而不是实际的数字(每个嵌套循环一次).@dude你有一个可运行的例子吗?我已经好几年没有碰过把手了。我更喜欢这种方法,因为你手头有@index变量。你还可以根据具体需要轻松添加其他变量。这个助手在嵌套使用助手时似乎不允许使用@../index或@../last。这是ri吗或者我做错了什么?
Handlebars.registerHelper "times", (n, block) ->
  (block.fn(i) for i in [0...n]).join("")
{{#times 10}}
  <span>{{this}}</span>
{{/times}}
/*
* Repeat given markup with given times
* provides @index for the repeated iteraction
*/
Handlebars.registerHelper("repeat", function (times, opts) {
    var out = "";
    var i;
    var data = {};

    if ( times ) {
        for ( i = 0; i < times; i += 1 ) {
            data.index = i;
            out += opts.fn(this, {
                data: data
            });
        }
    } else {

        out = opts.inverse(this);
    }

    return out;
});
Handlebars.registerHelper('times', function(n, block) {
    var accum = '';
    for(var i = 0; i < n; ++i) {
        block.data.index = i;
        block.data.first = i === 0;
        block.data.last = i === (n - 1);
        accum += block.fn(this);
    }
    return accum;
});
{{#times 10}}
    <span> {{@first}} {{@index}} {{@last}}</span>
{{/times}}