jQueryセマンティックUIでカテゴリの種類を使用する方法ローカルコンテンツを使用して検索しますか？

Question

私は、ローカルコンテンツを持つjqueryセマンティックUI検索モジュールを使用してカテゴリ別に検索結果を表示しようとしています。それは動作していないようです。結果は表示されません。以下は私のコードです：

var content = { 
    "results": { 
    "category1": { 
     "name": "Category 1", 
     "results": [ 
     { 
      "title": "Result Title", 
      "url": "/optional/url/on/click", 
      "image": "optional-image.jpg", 
      "price": "Optional Price", 
      "description": "Optional Description" 
     }, 
     { 
      "title": "Result Title", 
      "url": "/optional/url/on/click", 
      "image": "optional-image.jpg", 
      "price": "Optional Price", 
      "description": "Optional Description" 
     } 
     ] 
    }, 
    "category2": { 
     "name": "Category 2", 
     "results": [ 
     { 
      "title": "Result Title", 
      "url": "/optional/url/on/click", 
      "image": "optional-image.jpg", 
      "price": "Optional Price", 
      "description": "Optional Description" 
     } 
     ] 
    } 
    } 
}; 
$(document).ready(function(){ 
    $('.ui.search').search({ 
         source: content, 
         type:'category', 
         maxResults:4, 
         fields: { 
            categories  : 'results',  
            categoryName : 'name',  
            categoryResults : 'results',  
            description  : 'description', 
            image   : 'image',  
            title   : 'title' 
           } 
    }); 
}); 

誰でも助けてください。

に関して、 サルマン

Answer 1

機能は、現時点ではまだ利用できません：https://github.com/Semantic-Org/Semantic-UI/issues/1917

は、これが回避策です：

これに対する答えを探してい

import _ from 'lodash' 
 

 
$('.ui.search').search({ 
 
    type: 'category', 
 
    apiSettings: { 
 
    response: (settings) => { 
 
     let query = settings.urlData.query 
 
     let filteredContent = _.cloneDeep(content) 
 

 
     _.forOwn(filteredContent.results, (value, key) => { 
 
     _.remove(filteredContent.results[key].results, (result) => { 
 
      return !result.title.match(query) 
 
     }) 
 
     }) 
 

 
     return filteredContent 
 
    } 
 
    } 
 
})