Autocomplete zur Navigationsleiste in Rails Project hinzufügen

Question

Ich führe ein Rails-Projekt, das aus Navigationsleiste auf allen Seiten besteht. Ich habe auch ein Eingabe-Tag in der Navigationsleiste für Suchzwecke, aber wie Autocomplete in der bestimmten Suchleiste zu implementieren.

Ich habe versucht mit Rails-jquery-Autocomplete und implementiert, wie es gefragt, aber leider hat es nicht für mich gearbeitet. Kein Sucher ist sichtbar auf dem Bildschirm oder auf der Konsole

brands_controller.rb

class Admin::BrandsController < Admin::AdminController 
    autocomplete :brand, :name 
end 

routes.rb

resources :brands, param: :uuid do 
    get :autocomplete_brand_name, :on => :collection 
end 

_navigationbar.html.erb

<form class="navbar-form pull-left" role="search"> 
    <div class="form-group"> 
     <input type="text" class="form-control search-bar" placeholder="Type here for search..." data-autocomplete="<%=autocomplete_brand_name_admin_brands_path%>"> 
    </div> 
</form> 

Gemfile

gem 'rails', '~> 5.0.0' 
gem 'rails-jquery-autocomplete' 
gem 'jquery-rails' 

application.js

//= require jquery 
//= require jquery_ujs 
//= require moltran/modernizr.min 
//= require moltran/bootstrap.min 
//= require tagsinput/jquery.tagsinput.min.js 
//= require autocomplete-rails 

HTML generiert:

<div class="form-group"> 
    <input type="text" class="form-control search-bar" placeholder="Type here for search..." data-autocomplete="/admin/brands/autocomplete_brand_name"> 
</div> 

Answer 1

Sie //= require jquery-ui/autocomplete in application.js fehlen. Update application.js zu

//= require jquery 
//= require jquery_ujs 
//= require moltran/modernizr.min 
//= require moltran/bootstrap.min 
//= require tagsinput/jquery.tagsinput.min.js 
//= require jquery-ui/autocomplete 
//= require autocomplete-rails 

In Ihrem gemfile hinzufügen

gem 'jquery-ui-rails' 

auch Input-Tag mit

<%=autocomplete_field_tag 'search', '', autocomplete_brand_name_admin_brands_path %>