如何通过把手中的索引访问访问数组项?

2020/10/07 20:21 · javascript ·  · 0评论

我试图在把手模板内的数组中指定项的索引:

{
  people: [
    {"name":"Yehuda Katz"},
    {"name":"Luke"},
    {"name":"Naomi"}
  ]
}

使用这个:

<ul id="luke_should_be_here">
{{people[1].name}}
</ul>

如果上述方法不可行,我该如何编写一个可以访问数组中特殊项目的助手?

尝试这个:

<ul id="luke_should_be_here">
{{people.1.name}}
</ul>

下面的代码在index之前有一个附加的点,按预期方式工作。在此,当索引后面跟随另一个属性时,方括号是可选的:

{{people.[1].name}}
{{people.1.name}}

但是,在以下情况中需要方括号

{{#with people.[1]}}
  {{name}}
{{/with}}

在后者中,使用不带方括号的索引号将得到一个:

Error: Parse error on line ...:
...     {{#with people.1}}                
-----------------------^
Expecting 'ID', got 'INTEGER'

顺便说一句:方括号(也)用于段字面量语法,指代否则将无效的实际标识符(而非索引号)。什么是有效标识符中的更多详细信息

(在YUI中使用把手进行了测试。)

2.xx更新

现在,您可以使用get帮助器:

(get people index)

尽管如果收到有关索引需要为字符串的错误,请执行以下操作:

(get people (concat index ""))
{{#each array}}
  {{@index}}
{{/each}}

如果未公开的功能不是您的游戏,则可以在此处完成相同的操作:

Handlebars.registerHelper('index_of', function(context,ndx) {
  return context[ndx];
});

然后在模板中

{{#index_of this 1}}{{/index_of}}   

我在掌握之前写了以上

this.[0]

如果没有编写自己的助手,我看不到有人对车把太过了解。

如果要使用动态变量

这行不通:

{{#each obj[key]}}
...
{{/each}}

您需要做:

{{#each (lookup obj key)}}
...
{{/each}}

请参阅车把查找助手车把子表达式

当您使用each循环访问一个数组时,如果您想在当前项的上下文中访问另一个数组,则可以这样做。

这是示例数据。


[
  {
    名称:'foo',
    attr:['boo','zoo']
  },
  {
    名称:“ bar”,
    attr:['far','zar']
  }
]

这是获取attr数组中第一项的把手

{{#eachplayer}}
  <p> {{this.name}} </ p>

  {{#with this.attr}}
    <p> {{this。[0]}} </ p>
  {{/ with}}

{{/每}}

这将输出

<p> foo </ p>
<p>嘘</ p>

<p>栏</ p>
<p>远</ p>

如果要先获取/后获取,请尝试此操作。

{{#each list}}

    {{#if @first}}
        <div class="active">
    {{else}}
        <div>
    {{/if}}

{{/each}}


{{#each list}}

    {{#if @last}}
        <div class="last-element">
    {{else}}
        <div>
    {{/if}}

{{/each}}

如果未命名数组,则也可以使用以下语法(只是将数组传递给模板):

  <ul id="luke_should_be_here">
  {{this.1.name}}
  </ul>

就我而言,我想像这样访问自定义帮助程序中的数组,

{{#ifCond arr.[@index] "foo" }}

哪个没有用,但是@julesbou建议的答案有用。

工作代码:

{{#ifCond (lookup arr @index) "" }}

希望这可以帮助!干杯。

本文地址:http://javascript.askforanswer.com/ruhetongguobashouzhongdesuoyinfangwenfangwenshuzuxiang.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!