我在同一个Web应用程序中使用angular-ui和bootstrap，在尝试使用ui-select2组件时我遇到了一个问题：一切正常，除了在下拉列表中选择一个元素时它不是虽然ng-model关联变量已正确更新，但在组件中显示为空。 如果我从主页中删除了包含bootstrap.js文件，这种奇怪的行为就会消失。 是否有人同时使用angular-js和bootstrap和/或谁知道任何调整申请让他们一起工作？
更新
ui-select2组件位于input-append div中，只需删除div即可解决问题。我已经创建了一个Angular-ui ui-select2原始沙箱演示here的分支。您可以转到“版本2”示例，并检查在列表中选择值是否正确更新模型但不更新输入元素。
答案 0 :(得分：6)
最重要的是，您不能本身使用input-append和Select2。您放入HTML的输入实际上将被隐藏，而Select2会注入其他所有隐藏/显示的DOM元素（div，列表和输入），并且都有各自的CSS。
您遇到的问题是由于Bootstrap和Select2之间的CSS冲突。
您应该考虑A：不使用input-append，B：重写或调整CSS以取消隐藏相关元素，C：使用typeahead或其他一些与Bootstrap CSS完美匹配的解决方案。
您可以查看AngularUI Bootstrap Project或查看this Plunker / Gist，了解如何使用AngularUI Passthrough指令运行Bootstrap指令。