如何做多維自動完成的jQuery /角度

Question

現在，我有一個具有兩種輸入類型的自動完成指令：一個常規和一個更具體的類別（例如，州與城市，業務類別（零售）與業務類別（零售銀行）等）。 /按鈕，其中所有添加的元素僅是后者（更具體的類型）（然后可以單獨刪除。換句話說，每當用戶輸入常規類別（例如“加利福尼亞”）時，顯示的內容將為“ “弗朗西斯科，洛杉磯，薩克拉門托”可以分別刪除。

像這樣：

好的，所以我想以一種顯而易見的方式使自動完成功能體現出來：呈現兩級樹，其中，如果光標位於較高的分支上，則所有葉子都被突出顯示（以反映它們將全部被添加），以及可以單獨選擇葉子的位置。

換句話說，類似於Bootstrap多級選擇的東西，但是用於自動完成。

我已經閱讀了Jquery和Bootstrap文檔（顯然還有許多SO帖子），但找不到任何專門解決此問題的方法。 我缺少任何插件嗎？ 或者我將如何侵入Jquery自動完成功能來創建此行為？ 謝謝！

Answer 1

我選擇僅更改下拉菜單的外觀（以包括子分支的列表。）這非常簡單地完成（如jQuery docs建議）

  .data( "ui-autocomplete" )._renderItem = function( ul, item ) {
                //custom redefinition of item.label
                return $( "<li></li>" )
                    .data( "item.autocomplete", item )
                    .append( "<a>"+ item.label + "</a>" ) 
                    .appendTo( ul );
            };