3

皆さん、

ここから angular-ui スライダーを使用しようとしています: https://github.com/angular-ui/ui-slider

jquery、jquery-ui、angular ファイルを含めました。cssファイルも含めました。

ただし、スライダーはページに表示されません..

ここで何が欠けているのか、誰にも手がかりがありますか?

ここにplunkrがあります：

http://plnkr.co/edit/w5aQ61wAoP8bbAcAfR5F?p=preview
4

3 に答える 3

5

AngularJS スクリプトを jQuery の下に移動します。

<script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script data-require="jqueryui@*" data-semver="1.10.0" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script>
<script data-require="angular.js@1.1.x" src="http://code.angularjs.org/1.1.4/angular.js"></script>

plnkr

AngularJS で jQuery を使用する場合、スクリプトを含める順序が重要になります。

FAQは正確には明確ではありません

Angular は jQuery ライブラリを使用しますか?

はい、Angular は、アプリケーションのブートストラップ時にアプリに存在する場合、jQuery を使用できます。jQuery がスクリプト パスに存在しない場合、Angular は、jQLite と呼ばれる jQuery のサブセットの独自の実装にフォールバックします。

変換は基本的に、angular ロードの前に jQuery が含まれている場合、そのバージョンが使用されます。それ以外の場合は、jQlite にフォールバックし、その後に続く他のすべてを無視します。

于 2013-10-08T17:18:20.637 に答える
3

アプリの宣言でモジュールの依存関係を見逃している可能性がありますか?

以下があることを確認してください。

var app = angular.module('myApp', ['ui.slider']);
于 2015-04-12T20:45:25.037 に答える