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>

应用程序.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。这是带有 angular-ui 日期选择器的 jsFiddle：http: //jsfiddle.net/pkozlowski_opensource/aGpNf/6/