本文介绍了使 Angular UI 工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我刚刚安装了 Angular UI,但无法正常工作.以下是我遵循的步骤:
I've just installed Angular UI and I'm having trouble to make it work. Here are the stepts I followed:
index.html (Angular v1.0.1, AngularUI v0.2.1)
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 控制台是有效的:
Using the JS console in chrome this works:
$('.datepicker').datepicker()
我做错了什么?
推荐答案
如果我没记错的话,您需要在 AngularJS/angular-ui 文件之前 包含 jQuery.这是带有 angular-ui 日期选择器的 jsFiddle:http://jsfiddle.net/pkozlowski_opensource/aGpNf/6/
If I'm not mistaken you need to include jQuery before AngularJS / angular-ui files.Here is the jsFiddle with the angular-ui date picker working: http://jsfiddle.net/pkozlowski_opensource/aGpNf/6/
这篇关于使 Angular UI 工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!