jquery-ui - 让 Angular UI 正常工作

Question

我刚刚安装了 Angular UI，但无法使其正常工作。以下是我遵循的步骤:

index.html(Angular v1.0.1、AngularUI v0.2.1)

<script src="scripts/vendor/angular.js"></script>
<script src="scripts/vendor/jquery-1.7.2.js"></script>
<script src="scripts/vendor/jquery-ui-1.8.18.js"></script>
<script src="scripts/vendor/bootstrap.js"></script>
<script src="scripts/vendor/angular-ui.js"></script>

app.js

var publicApp = angular.module('publicApp', ['ngResource', 'ui'])

我的html

<input name="dateField" class="datepicker" value="Click Here for Datepicker" ui-date>

我收到此错误:

TypeError: Object [[object HTMLInputElement]] has no method 'datepicker'

在 Chrome 中使用 JS 控制台可以实现:

$('.datepicker').datepicker()

我做错了什么？

Answer 1

如果我没记错的话，您需要在 AngularJS/angular-ui 文件之前包含 jQuery。这是 jsFiddle 与 angular-ui 日期选择器工作: http://jsfiddle.net/pkozlowski_opensource/aGpNf/6/