让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/