This might be the same as issue <a class="issue-link js-issue-link" data-error-text="F

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

Hello <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-ur

Typeahead not activated? about meteor-typeahead HOT 9 CLOSED

sergeyt commented on June 29, 2024

Typeahead not activated?

from meteor-typeahead.

Comments (9)

sergeyt commented on June 29, 2024

@isocra you need to manually activate typeahead behavior calling Meteor.typeahead in your application (usually in Template.yourTemplate.rendered handler) or call Meteor.typeahead.inject to activate all typeahead instances available on the page.

from meteor-typeahead.

francisbyrne commented on June 29, 2024

@sergeyt Hmmm, I'm having the same problem just trying to implement the first example in the docs. I have the following:

aab.html

<head>
  <title>aab</title>
</head>

<body>
  {{> hello}}
</body>

<template name="hello">
  <input class="form-control typeahead" name="team" type="text"
       placeholder="NBA teams"
       autocomplete="off" spellcheck="off"
       data-source="nba"/>
</template>

aab.js

Nba = new Meteor.Collection("nba");

if (Meteor.isServer){
    Nba.insert({name:'Boston Celtics'});
    // fill Nba collection
}

if (Meteor.isClient) {
  Template.hello.nba = function(){
      return Nba.find().fetch().map(function(it){ return it.name; });
  };

  Template.hello.rendered = function() {
    Meteor.typeahead();
  }
}

Note: I've added Meteor.typeahead() to the rendered() function. Do I need to call it with any options as per the typeahead docs e.g. {source: ???} or should it work as vanilla?

Is this perhaps related to the new Blaze templating engine?

from meteor-typeahead.

sergeyt commented on June 29, 2024

@francisbyrne Meteor.typeahead has the following parameters:

element - (required) The DOM element to infect
source - (optional) The custom data source, usually a function.

So try to call Meteor.typeahead(this.find('.typeahead')).

Also you could try use Meteor.typeahead.inject() as follow:

Meteor.startup(function(){
    // initializes all typeahead instances
    Meteor.typeahead.inject();
});

Meteor.typeahead.inject() is used in demo app.

from meteor-typeahead.

francisbyrne commented on June 29, 2024

@sergeyt Thanks, inject() worked. It might be handy to include that in the docs, in your examples for future noobs like me 👍

from meteor-typeahead.

sergeyt commented on June 29, 2024

@isocra please update/close the issue to reflect it's status

from meteor-typeahead.

isocra commented on June 29, 2024

Yup, adding Meteor.typeahead.inject(); did the trick.

Thanks for your help :-)

from meteor-typeahead.

titocosta commented on June 29, 2024

Adding Meteor.typeahead.inject() to Template.myTemplate.rendered callback fixed it for me. Leaving it in Meteor.startup() didn't work.

from meteor-typeahead.

nickeleres commented on June 29, 2024

I got it to work by creating a publication for the data the template helper returns in the client. You have to subscribe to the datasource if you remove autopublish package (which you should).

from meteor-typeahead.

Jayuda commented on June 29, 2024

Hello @titocosta and @isocra : I have add Meteor.typeahead.inject() on Template.myTemplate.rendered but sometimes work and others times not working.
Any sugestions ?

from meteor-typeahead.

Typeahead not activated? about meteor-typeahead HOT 9 CLOSED

Comments (9)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent