Question

我将jQuery passthrough示例从此处http://angular-ui.github.com复制到此小提琴http://jsfiddle.net/ilyaD/Xe48t/3/，但它无效。我得到了ui is not defined

这是JS：

angular.module('ui.config', []).value('ui.config', {
   // The ui-jq directive namespace
   jq: {
      // The Tooltip namespace
      tooltip: {
         // Tooltip options. This object will be used as the defaults
         placement: 'right'
      }
   }
});

我错过了什么？

UPADTE：

我已将ui添加到angular.module('ui.config', ['ui']).value('ui.config', {，但仍无法正常工作http://jsfiddle.net/Xe48t/9/

Answer 1

实际上，您不应该在ui.config模块上声明该值。您在自己的应用程序上声明它，它将优先：

angular.module('myApp', ['ui']).value('ui.config', {
  jq: {
    // whatever
  }
});

请注意，这是在myApp

上定义的

如果您：

也会有所帮助

在正确的位置（头部）运行您的JS
正确初始化AngularJS（使用ng-app）
并加载bootstrap lib和css

http://jsfiddle.net/Xe48t/12/

Answer 2

确保您包含AngularUI javascript文件，然后您想使用字符串“ui”。

angular.module('ui.config', ['ui'])

Answer 3

你错过了ui依赖：

angular.module('ui.config', ['ui']).value('ui.config', {

http://jsfiddle.net/Xe48t/4/

jQuery UI passthrough官方示例：ui未定义

3 个答案: