jQuery UI透传官方示例:未定义ui

Question

我将jQuery直通示例从这里的http://angular-ui.github.com复制到这个fiddle 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'
      }
   }
});

我错过了什么？

更新：

我将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)
• and加载引导程序库和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/