자동 완성 목록의 형식이 잘못되었습니다

Question

레일즈 애플리케이션에서 자동 완성을 설정하려고하지만 자동 완성 필드에 문자를 입력 할 때마다 전체 옵션 목록이 표시됩니다. 한 줄씩 드롭 다운 상자 형식으로 최대 5 개의 항목을 표시하려면 어떻게해야합니까? 나는 또한

UBER 

나는이만큼 다양한 목록에서 사용할 수있는 모든 정규식 또는 기타 옵션

를 얻을 수 있도록하는 대신

Debit Card Purchase /:p #UBER US JULYOSW CA 

의 트랜잭션 이름을 좀하고 싶습니다?

직불 카드 구매/: P는 #UBER 미국 JULYOSW CA, 지불/TRANSFER의 BA, 직불 카드 구매/# 판타지 SAIL에서 전송 & SIGN MIAMI FL, 판당고, 직불 카드 구매/: P는 # 천사의 레스토랑 시카고 IL, 직불 PIN 구입 #JEWEL BENSENVILLE ILUS, 직불 카드 구매/: # # EXPRESS # MIAMI BEACH FL, 직불 카드 구매/: # #TGI 금요일 #MIAMI FL, Domino 's, Wendy 's, 보증금 : #Citibank ATM S. ARCHER AVE, CHICAGO, 일리노이, 직불 카드 구매/: p # PLAYSTATION NETWORK CA, 직불 카드 구매/: p #UBER US JULHVRDCA, 직불 카드 구매/: p #UBER US JULLIORT CA, 직불 카드 구매/: p #SLEEPING BEAR DNL-DC EMPIRE MI, 직불 카드 구매/: p # MNN/GILBERT CAFE # QPS MIAMI FL, 직불 카드 구매/: p #SHOWPLACE ICON THEATER CHICAGO IL, 직불 카드 구매/: p #DUNKIN #QMIAMI FL, 직불 카드 구매/: # DD/BR # QCHICAGO IL, 직불 카드 구매/: p # DD/BR #QCHICAGO 일리노이, 크래커 배럴, 직불 카드 구매 구매 BURLNGTON STORESCHICAGO ILUS, Meijer, Costco, 직불 카드 구매 SAWYER 'S TRAVEL SAWYER MIUS, 직불 카드 구매 전원 시장 ELMHURST ILUS, 직불 카드 구매 #JEWEL CHICAGO ILUS, DIRECTV, 직불 카드 구매/: a #OLD TOWN TROLLEY TOU KEY WEST FL, 직불 카드 구매/: AMERICANCHICAGO 일리노이, 아마존, 직불 카드 구매/: #UBER US JUNUCFZ CA, 직불 카드 구매/: P # CARNIVAL- FUN SHOP MIAMI FL, 직불 카드 구매/: #PLAYSTATION NETWORK CA, 직불 카드 구매/: #UBER US JUNEZOFCA, 식스 플래그, 직불 카드 구매/: #DUNKIN #QCHICAGO IL, CVS, 직불 카드 구매/: aSP * KEN TONE 'S DRIVE-I CHICAGO 일리노이, 직불 카드 구매/: p #UBER US JUNBMLO CA, 직불 카드 구매/: p #UI 호스텔 FCID/PCAC CHICAGO IL, 직불 카드 구매/: p #UBER US JUNRNBI CA, 직불 카드 구매/: p # 유이 파크 WSPS CHICAGO IL, 직불 카드 구매/: # #Tire Tracks Elmhurst IL, 직불 카드 구매/: #EL FARO CHICAGO IL, Walgreens, 청구서 지불 HOMEQ SERVPING CORPORATION MOBL, AC H 전자 크레디트 ED CITY DIR DEP, 홈 디포, 셸, 직불 카드 구매처 :/# # ITTIIAL DELI BENSENVILLE IL, 직불 카드 구매/: #PARK CHICAGO MOBILE IL, Comcast, 직불 카드 구매/: p #HAWKEYES BAR GRILL I CHICAGO IL, 직불 카드 구매/: p #XSPORT SOUTH LOOP-CKFR IL, 직불 카드 구매/: p #UBER JUNUS ETWCA, 청구서 지불 국가 은행 MOBL, 직불 카드 구매/: p #CROCS INC CROCS.COM CO, 직불 카드 구매/: # #BANFIELD WELLNESS PLAN 또는

Answer 1

이 문제를 처리 할 수있는 멋진 보석이 있습니다. rails-query-autocomplete을 살펴보십시오.

자동 완성 검색 결과를 제한하려면 Model.limit(5)을 통해 모델에서 직접이 작업을 수행 할 수 있습니다. 또는 가능한 결과가 포함 된 배열의 하위 집합을 반환하여 컨트롤러에서이 작업을 수행 할 수 있습니다. 배열 방법을 사용하는 경우 가장 관련성이 높은 결과를 반환하는 방법을 고려해야합니다.