0

我已按照 stackoverflow 上的说明（如何将 AngularUI 集成到 AngularJS？）成功地将 AngularUI 集成到 AngularJS 应用程序中。

现在我正在尝试来自官方 AngularUI 页面的“jQuery Passthrough”示例。（http://angular-ui.github.io/）。

<a title="Easiest. Binding. Ever!" ui-jq="tooltip">Hover over me for static Tooltip</a>

<a data-original-title="{{tooltip}}" ui-jq="tooltip">Fill the input for a dynamic Tooltip:</a>
<input type="text" ng-model="tooltip" placeholder="Tooltip Content">

<script>
    myModule.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'
           }
       }
    });
</script>

我遇到的问题是未定义“myModule”变量（或我在这里尝试的任何内容）。没有脚本，页面可以正常工作（至少是静态工具提示），所以我猜 AngularUI 配置正确。

我应该怎么做才能访问模块变量？这个脚本必须包含在控制器类中吗？

谢谢你。

4

1 回答 1

2

在您介绍一些基础知识之前，您正在向前迈进。为了对您的应用程序进行编码，您需要声明一个模块。

通常这是通过执行以下操作来完成的：

var myModule = angular.module('myApp', ['ui']);

然后myApp成为ng-app属性的内容。

或者，您可以执行以下操作：

angular.module('myApp').value('ui.config', { ...

如果您不想将模块的引用存储在变量中。请记住，存储对变量的引用与将这些调用链接在一起一样：

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

这些解决方案中的任何一个都应该适合您

于 2013-04-15T11:19:28.380 回答