Question

我已按照stackoverflow（How to integrate AngularUI to 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已正确配置。

如何访问模块变量？该脚本必须包含在控制器类中吗？

谢谢。

Answer 1

在你介绍一些基础知识之前，你已经开始了。为了编写应用程序代码，您需要声明一个模块。

通常这可以通过以下方式完成：

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

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

或者，您可以这样做：

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

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

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

任何这些解决方案都适合您

AngularUI集成 - 从脚本访问模块值

1 个答案: