Anzeigename aus Array in Suchleiste für automatische Vervollständigung

Question

Ich versuche, eine Suchleiste aus einer Tabelle remedy mit der Zeichenfolge remedyName automatisch zu vervollständigen. Hier

ist die JavaScript Ich habe in \pages\home.html.erb

$(function() { 
    var availableTags = "<%= @remedies_remedyName%>"; 

    $("#autoComplete").autocomplete({ 
     source: availableTags 
    }); 
    }); 

Hier ist der Code in Pages Controller

def home 
@remedies = Remedy.all 
end 

Hier ist der HTML in /pages/home

<div class="carousel-caption searchbar">     
<form class="search" action="/pages/searchremedy" method="get"> 
    <input id="autoComplete" class="searchTerm" name="searchremedy" placeholder=" Search by treatment type, or tell us what you'd like to treat..." /> 
    <input class="searchButton" type="submit" placeholder="Search" /> 
</form> 
</div> 

Answer 1

Sie sind Ausdruck von Rubin Variable @remedies_remedyName in Ihre Javascr ipt. Es sieht nicht so aus, als hätten Sie diese Instanzvariable definiert.

var availableTags = "<%= @remedies_remedyName%>"; 

Aktualisieren Sie Ihre js Code auf die folgenden:

var availableTags = "<%= raw(@remedies.map(&:remedyName)).html_safe %>"; 

Anmerkung: Ich gehe davon aus Sie Spalte remedyName in Ihrem Remedy Tabelle mit dem Namen haben.

Answer 2

Versuchen Sie die folgenden:

var availableTags = <%= @remedies.pluck(:remedyName) %>;