Meteor - Blaze easy-search模板 - 如何将输入字段属性插入到模板中?

时间:2018-03-09 04:54:17

标签: meteor meteor-blaze meteor-easy-search

所以我有一个简单的搜索模板:

<template name="searchBox">

    <div class="">
        {{> EasySearch.Autosuggest index=PlayersIndex }}
    </div>

</template>

我想让输入字段看起来像这样(具有以下属性):

          <input
            type="text"
            placeholder="Type to add new player"
            ref="textInput"
          />

我已经尝试将属性添加到参数中,但这似乎不起作用:

        {{> EasySearch.Autosuggest index=PlayersIndex type="text"}}

任何想法如何实现这一目标?

1 个答案:

答案 0 :(得分:2)

只需在HTML中添加attributes属性:

{{> EasySearch.Input index=index attributes=inputAttributes}}

在你的JS中,用你需要的数据填充它:

`Template.leaderboard.helpers({
    inputAttributes: function () {
        return { 'class': 'easy-search-input', 'placeholder': 'Start searching...' };
    }
)}
`

在充分尊重的情况下,我能够通过查看repo来找到答案,所以有点谷歌搜索不会伤害,伙计。 ;)