Header and footer support

[TannerMeng]

First it works great. thanks for the great package.
I've one usability issue.
data-template is applied to each item in db colletion or array.
We have no way to specify the footer that says "No match? Please click here"
Is there a way to give the header & footer (clickable)?
Thanks

[trungvt]

I resolved this problem by setting up the dataset for text input, follow the docs of Multiple datasets.

<template name="demo">
  <div class="form-group">
    <input class="form-control typeahead" name="team" type="text"
           placeholder="NBA and NHL teams"
           autocomplete="off" spellcheck="off"
           data-sets="teams"/>
  </div>
</template>

<template name="team">
    <h4><i>{{name}}</i></h4>
</template>

<template name="footer">
    <div class="tt-suggestion tt-selectable">
    <p class="repo-language">
      <a href="#" style="color: #000000;">
        View more...
      </a>
    </p>
  </div>
</template>

<template name="header">
    <h3 class="league-name">NBA Teams</h3>
</template>

Template.demo.helpers({
  teams: function() {
    return [
      {
        name: 'nba-teams',
        valueKey: 'name',
        local: function() { return Nba.find().fetch(); },
        header: 'header',
        footer: 'footer',
        template: 'team'
      }
    ];
  }
});

Then you catch the click event of a tag in footer, etc. It's up to your view content. :)