我的最终目标是使用typeahead库对文本输入进行动态自动完成。
在我的HTML中,我将输入文本字段如下所示:
<input class="typeahead form-control" name="author_1" id="author_1" type="text"
placeholder="Type a part of author name or surname">
然后在javascript中我有以下内容:
<script type="text/
这里是新手,在使用Searchkick和Typeahead/探犬实现自动补全时遇到了一些困难。
首先,我有一个索引/欢迎主页,在那里我有我的搜索框的输入字段。然后在多个模型中搜索不同细胞的名称和不同的细胞标记(对此并不重要)。
首先,在我的路径文件中,我不确定是将我的自动补全‘附加’到我的“欢迎”路线还是“细胞”路线,我已经尝试了这两种路线,但似乎没有什么不同,目前设置如下:
resources :cells do
collection do
match 'autocomplete' => 'welcome#autocomplete'
所以,这是我的第一个LiveWire学习项目。
关键是,我正在使用制作一个名为User的php artisan make:livewire user Livewire组件
然后这就是我得到的
First User.php
<?php
namespace App\Http\Livewire;
use Livewire\Component;
class User extends Component
{
public function render()
{
return view('livewire.user.index'); //i
我已经坚持了两天了。我试图通过使用rails 4中的typeahead.js来自动完成搜索。
问题是我的jquery根本没有选择.typeahead操作。在输入字段时,我绝对没有看到任何动作。
我希望稍后能从外部数据库获得结果,但现在我只想在输入文本框时得到一些反应。
我的app/view/layout/application.html.erb文件如下所示:
typeahead.bundle.js从下载并存储在公共/javascripts/中。(我试着安装twitter-typeahead rails创业板,并按照说明进行操作,但这对我来说也没有用。)
<!-- Include type
因此,我一直在努力学习Twitter的typeahead.js,我不得不说,这些文档留下了一些需要改进的地方。我已经尝试了近十几种不同的方法,我发现张贴在这个输入中添加提前输入功能,我感到很困惑。如果我在下面的代码中遗漏了什么呢?我在控制台中没有看到任何错误,而且idNums似乎包含了适当的数据,但我仍然没有看到正确的覆盖。
我的javascript:
var idNums = new Bloodhound({
datumTokenizer: function (datum) { return Bloodhound.tokenizers.whit
我定义了以下控件:
<input id="inputSearchMovies"
type="search"
ng-model="filterItems"
placeholder="Search for movies ..."
typeahead="prediction for prediction in