البحث لا يعمل في قائمة منسدلة الإكمال التلقائي لـ JQuery

لدي قائمة منسدلة للإعداد التلقائي jQuery داخل مربع حوار bootstrap في تطبيق Angular JS.

بإمكاني اختيار العناصر في القائمة المنسدلة ، ولكن لا يمكنني البحث عن العناصر.

ما هو العدد وكيفية حل هذا؟

"إنها تعمل بشكل جيد خارج الوسائط المؤقتة التمهيدية"

enter image description here.

0
لا يمكن التكرار المحتمل لـ Select2 عند تضمينه في أحد أنماط التشغيل
وأضاف المؤلف Dani, مصدر
من الصعب جدًا مساعدتك في حل المشكلة إذا كان لدينا صورة فقط ، الرجاء نشر كل التعليمات البرمجية ذات الصلة.
وأضاف المؤلف Carsten Løvbo Andersen, مصدر
يمكنك إعادة إنتاجه على plnkr مشاركتك ليست مفيدة جدا
وأضاف المؤلف Panos K, مصدر

1 إجابة

أفترض أنك تعرض عناصر داخل قائمة منسدلة باستخدام ng-repeat . إذا كان الأمر كذلك ، فيمكنك ببساطة استخدام فلتر مضمَّن Angular في . هذه هي الطريقة التي يمكن أن تبدو بها ، لكن لا يمكنني تضمين ذلك في شفرتك ، لأنك لم تقدمه.

<div class="dropdown-options">
    <div class="filter-input-container">
        <input type="text" ng-model="searchText" class="filter" />
        
    </div>
    <div class="option-container" ng-repeat="option in listOptions | filter:searchText">
        {{option.value}}
    </div>
</div>

With this code Angular will filter options insdie listOption by a keyword you will type in input box. You have to bind your input element to a ng-model which is in this case searchText (name could be whatever you want) and then you have to tell the filter what variable to use for filtering filter:searchText

0
وأضاف