Typeahead.js 没有显示任何结果答案

【问题标题】：Typeahead.js not showing any resultsTypeahead.js 没有显示任何结果
【发布时间】：2015-07-30 17:06:10
【问题描述】：

我正在尝试让 Twitter 的 typeahead 工作，但不知道如何。据我所知，我已经正确地包含了这些文件，但它仍然无法正常工作。

我的代码如下所示：

<!DOCTYPE html>
<html ng-app = "IndexApp">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <title></title>

  </head>
  <body>
    <input id="search"/>
    <!--jQuery-->
    <script src = "http://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
    <!--typeahead-->
    <script src = "./views/js/typeahead.bundle.js" type="text/javascript"></script>
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <!--index.css script-->
    <link rel="stylesheet" href="./views/css/index.css" media="screen" title="no title" charset="utf-8">
    <!--Index.js-->
    <script src = "./views/js/index.js" type="text/javascript"></script>

  </body>
</html>

index.js

var states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
  'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii',
  'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana',
  'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota',
  'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire',
  'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota',
  'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island',
  'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
  'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'
];

$(document).ready(function() {
  $('#search').typeahead({source: states});
})

【问题讨论】：

标签： twitter typeahead.js typeahead bootstrap-typeahead twitter-typeahead

【解决方案1】：

JS fiddle sample (click):

var states = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.whitespace,
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  local: states
});

【讨论】：