本文介绍了使 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 工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

11-03 12:49