Question

我会使用AngularJS指令创建词汇表。我从这个小提琴开始 http://jsfiddle.net/angularjsdc/KRVSQ/ 我想更改指令并用工具提示替换模态。

app.directive('glossaryTerm', function () {
    return {
        controller: 'Glossary',
        restrict: 'E',
        scope: { /* empty */
        },
        template: /*HERE MY TOOLTIP TEMPLATE*/,
        replace: true,
        transclude: true,
        compile: function (tElement, tAttrs, transclude) {
            return {
                pre: function (scope) {
                    transclude(scope, function (clone) {
                        scope.term = clone[0].textContent.toLowerCase();
                    });
                },
                post: function (scope) {
                    // load the definition into scope
                    scope.getDefinition(scope.term);
                }
            }
        }
    }
});

有什么建议吗？想法？

由于

Answer 1

在Angular bootstrap ui示例中，您必须：

包括http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js

导入模块

var app = angular.module('app', ['app.services', 'ui.bootstrap']);

并使用{{}}

包围您传递到工具提示的变量

template: '<span><a class="glossary-term" href="#" tooltip="{{glossary[term]}}">{{term}}</a></span>',

这里是修改过的JSFiddle：http://jsfiddle.net/5DuSa/

AngularJS工具提示词汇表

1 个答案: