使用AngularJS并选择标签Data-live-search不起作用

Question

我是angularJS的新手。我按照这篇帖子angularjs-ng-options-with-group进行操作，并添加了数据实时搜索功能。

这是我的json

{"Type":"Orange","NSX":"Group1"},
{"Type":"Apple","NSX":"Group1"},
{"Type":"Grape","NSX":"Group1"},
{"Type":"Flower","NSX":"Group2"}    

我的html：

<select data-live-search="true" data-live-search-style="startsWith" 
 ng-model="val"  class="selectpicker"
 ng-options="x.Type group by x.NSX for x in Farm">              
</select>   

图片 我的选择菜单：

问题是当我选择“橙色”时输出是苹果

我选择苹果，输出是葡萄。

我选择葡萄，输出是花。

我删除了class =“ selectpicker”，它工作正常，但是在选择菜单中没有搜索。

对此或替代品有什么解决方案吗？

Answer 1

可能是Bootstrap中的<sequence name="cloneTest" xmlns="http://ws.apache.org/ns/synapse"> <in> <property expression="." name="requestBody" scope="default" type="STRING"/> <call> <endpoint key="conf:/custom/TestEP/BennerERPEndpoint.xml"/> </call> <property expression="." name="responseBody" scope="default" type="STRING"/> <clone sequential="false"> <target> <sequence> <log level="custom"> <property name="Into DB Mediator Sequence" value="DBMediator"/> </log> <sequence key="DBMediator"/> </sequence> </target> <target> <sequence> <log level="custom"> <property name="Exiting" value="Exit"/> </log> <send/> </sequence> </target> </clone> </in> </sequence> 与许多Angular功能不兼容。相反，您应该重新创建它使用Angular data-live-search进行的过滤。这是一个用Angular编写的filter过滤器示例，该过滤器是为您的数据制作的：

startsWith

Working JSFiddle和您的数据