0

在使用express时,将express-handlebars作为视图引擎和handlebars helpers。我为选择标签创建了小部分,但它将普通键作为字符串。

我的选择部分 select.hbs 文件

<select name="" id="">
  <option value="">Select</option>
  {{#forEach this.select_values}}
    <option value="{{../this.opt_value}}"> {{ ../this.opt_label }} </option>
  {{/forEach}}
</select>

在帐户中传递对象数组

accounts: [
      {
        name: 'John',
        email: 'john@example.com'
      },
      {
        name: 'Malcolm',
        email: 'malcolm@example.com'
      },
      {
        name: 'David',
        email: 'david@example.com'
      }
    ]

在布局中调用部分

{{> modules/select select_values=accounts opt_value='name' opt_label='email'}}

我正在使用波纹管依赖项

"dependencies": {
    "body-parser": "~1.18.2",
    "cookie-parser": "~1.4.3",
    "debug": "~2.6.9",
    "express": "~4.15.5",
    "express-handlebars": "^3.0.0",
    "handlebars-helpers": "^0.10.0",
    "hbs": "^4.0.1",
    "morgan": "~1.9.0",
    "serve-favicon": "~2.4.5"
  }
4

1 回答 1

0

它适用于车把内置助手 查找 添加了车把的默认{{#each}}循环。

<select name="" id="">
  <option value="">Select</option>
  {{#each this.select_values}}
    <option value="{{lookup this ../this.opt_value}}"> {{lookup this  ../this.opt_label }} </option>
  {{/each}}
</select>

特别感谢 @ Tamlyn对查找助手的解释。

于 2018-01-02T06:14:27.360 回答