angularjs 工具提示：工具提示 html 模板未更新答案

【问题标题】：angularjs tooltip: tooltip html template not updatingangularjs 工具提示：工具提示 html 模板未更新
【发布时间】：2015-12-26 20:48:07
【问题描述】：

我使用this angularjs tooltip library 显示工具提示。

这是我的 HTML：

<span tooltips tooltip-title="Recommenders" tooltip-show-trigger="click" tooltip-view="/static/templates/tooltips/recommenders.html" tooltip-view-ctrl="FeedCtrl"></span>

这是我的部分工具提示：

<div ng-repeat="recommender in recommenders_list">
    {{recommender}}
</div>

我面临的问题是，当我更新控制器中的“recommenders_list”数组时，工具提示模板中没有反映出来。如何更新我的部分工具提示？

【问题讨论】：

你的主模块有tooltip库的依赖？通常对于类似的事情，我会创建一个通过 url 返回模板的新指令。该指令位于我的控制器的同一模块中
是的，它具有依赖性。你能提供一个plunker吗？那真的很有帮助！

标签： javascript angularjs tooltip

【解决方案1】：

主文件

'use strict';

angular.module('yourAppName')
    .controller('ControllerName', ['$scope', function (scope) {

        // ...
        // here your list
        // ...
    }]);

指令文件

angular.module('yourAppName')
    .directive('directiveName', function() {
        return {
            templateUrl : 'url/of/your/template.html'
        };
    });

html文件

<body ng-app="yourAppName">

    <div class="container-fluid" ng-controller="ControllerName">
        <div directive-name></div>
    </div>

    <!-- Angular file -->
    <script src="js/angular.min.js"></script>
    <!-- Angular mainFile -->
    <script src="url/of/your/mainFile.js"></script>

</body>

看看这个例子，真的很基础，但是我希望你能理解并找到你的问题所在。

【讨论】：

我不明白这可以用作工具提示吗？我将如何调整工具提示的位置？