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