angularjs工具提示:工具提示html模板未更新

时间:2015-09-29 11:34:12

标签: javascript angularjs tooltip

我使用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>

我面临的问题是,当我更新“推荐人列表”时,在我的控制器中的数组,同样没有反映在工具提示模板中。 如何更新我的工具提示部分?

1 个答案:

答案 0 :(得分:0)

  

mainFile

'use strict';

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

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

directiveFile

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

HTMLFILE   

<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>
看看这个例子,这是非常基本的,但是这样我希望你能理解并找到你的问题所在。