使用AngularUI选择2

时间:2012-10-12 05:01:40

标签: jquery-ui angularjs jquery-select2

我正在使用带有angularUI的select2下拉列表。如果我包含jquery-ui.css文件,它无法正常工作。结果div没有在下面显示选择control.If我删除jquery-ui.css它的工作正常。

请帮助!!!

由于

2 个答案:

答案 0 :(得分:1)

尝试包含select2库提供的css。我的HTML中有以下代码,它适用于我。

<script type="text/javascript" src="javascripts/select2.min.js"></script>
<link href="stylesheets/select2.css" rel="stylesheet" type="text/css">

<select ui-select2="{'placeholder': 'Select an Student', 'width': '70%'}">
  <option data-placeholder="Select a Student"></option>
  <option ng-repeat = "student in students | unique:name" value="{{student.id}}" >
    {{student.name}}
  </option>
</select>

希望它也适合你。

答案 1 :(得分:0)

在Angular.js中使用jquery插件通常会遇到一些问题。有一个很棒的选择组件QuantumUI由http://angularui.net开发希望你喜欢