jquery-ui - AngularUIを使用したSelect2

Question

私はangularUIでselect2ドロップダウンを使用しています。jquery-ui.cssファイルを含めると正しく機能しません。結果のdivは、コントロールを選択するためにすぐ下に表示されません。jquery-ui.cssを削除すると、正常に機能します。

助けてください！！！

ありがとう

Answer 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>

それがあなたにとってもうまくいくことを願っています。

Answer 2

Angular.js で jquery プラグインを使用すると、通常、何らかの問題が発生します。http://angularui.netによって開発された QuantumUI のすばらしい選択コンポーネントがあります。