让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 。 以下是带角度ui日期选择器的jsFiddle：http://jsfiddle.net/pkozlowski_opensource/aGpNf/6/