セマンティックUI - オートコンプリート検索

Question

イムセマンティックUIとオートコンプリートの検索を構築しようとしているが、私は私のデータを表示する方法を知らない...

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.ui.search').search({ 
     apiSettings: { 
     url: '/autocomplete/{query}', 
     minCharacters : 3, 
     }, 
    }); 
}); 
</script> 

CONTROLLER

public function autocomplete($query) 
    { 
     $search = "%$query%"; 
     $data = Tag::where("name","LIKE",$search)->get(); 
     return response()->json($data); 
    } 

JSONデータ

"id":3,"name":"Argentina","description":"Argentina","status":"1","created_at":"2016-07-11 02:36:37","updated_at":"2016-07-11 02:36:37"},{"id":4,"name":"Argelia","description":"argelia","status":"1","created_at":"2016-07-11 02:36:48","updated_at":"2016-07-11 02:36:48"}] 

Answer 1

ドキュメントに基づいて、私はあなたがこのようなものを探していると信じています（このライブラリを使ったことはありません。 'tテスト）。 onResponse方法を確認してください：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.ui.search').search({ 
     apiSettings: { 
      url: '/autocomplete/{query}', 
      minCharacters : 3, 
      onResponse: function(results) {  
       var response = { 
        results : [] 
       };  
       $.each(results, function(index, item) {    
        response.results.push({ 
         title  : item.name, 
         description : item.description 
         //url  : item.html_url 
        }); 
       });  
       return response; 
      }, 
     }, 
    }); 
}); 
</script>