Bootstrap 3 + typeahead.js 0.9.3. Prompt if no results found

Question

Now that Bootstrap has dropped typeahead, they are recommending the native twitter typeahead (0.9.3 at the time of this writing)

I am having trouble finding examples of how to prompt the user when there are no results found.

In the native bootstrap, you could do this : http://bootply.com/61459

Perhaps this functionality is not possible?

Answer 1

How about something like this?

  $(document).ready(function() {
    $("#search").typeahead([
      {
        limit: 10,
        remote: {
          url: "//my.tld/gimmesomejson.php?searchuser=%QUERY",
          filter: function(parsedResponse) {
            var dataset = [];
            for (i = 0; i < parsedResponse.length; i++) {
              dataset.push({
                value: parsedResponse[i].value,
                tokens: parsedResponse[i].tokens
              });
            }
            if (parsedResponse.length == 0) {
              dataset.push({
                value: "No results" 
              });
            }
            return dataset;
          },
        },
        template: '<p>{{value}}</p>',
        engine: Hogan
      }
    ]);
  });