如何用Angular的方式将更新后的对象从Service发送到指令控制器函数

我知道我错过了AngularJS正确执行此操作的方法。

在我的tagsPanel的视图mouseover上，我捕获标签对象并首先将其发送到我的tagsPanel控制器:

tagsPanel.html

<ul>
    <li ng-repeat="(k, m) in tags"
        ng-mouseover="hoverTag(m)"
        ng-mouseleave="leaveTag(m)">
        <div class="tag">{{m.term}}</div>
        <tags-hover ng-model="m"></tags-hover>
    </li>
</ul>

tagsPanel控制器:

vs.hoverTag = function(tagObj) {
    TagDetailsFactory.saveTagDetails(tagObj);
};

tagDetailsFactory 工厂的最后一步是我所关心的:

tagsHover = ScopeFactory.getScope('tagsHover');
tagsHover.hoveringTag(tag);

完整工厂代码:

(function() { "use strict";
    angular.module('tagDetailsFactory', [])
    .factory('TagDetailsFactory', [
        'ApiFactory',
        'ScopeFactory',
        function(ApiFactory,
                 ScopeFactory) {
        // Init ScopeFactory:
        // ------------------
        var tagsHover = {};
        return {
            saveTagDetails : saveTagDetails
        };
        ////////////////////////////////////////////////////////////////////////
        function saveTagDetails(tag) {
            if (tag.percent != undefined) {
                var conditional = tag.percent.toString().charAt(0);
                tag.direction = returnDirection(conditional);
            }
            function floorFigure(figure, decimals) {
                if (!decimals) decimals = 2;
                var d = Math.pow(10, decimals);
                return (parseInt(figure * d)/d).toFixed(decimals);
            };
            ApiFactory.getTagData(tag.term_id).then(function(data) {
                /*
                    Ton of tag updating code here
                    // Algorithm to get percentage change:
                    increase = tag.quantity - tag.previous_quantity;
                    increase = increase / tag.previous_quantity * 100;
                    increase = floorFigure(increase, 2);
                    etc etc...
                 */
                tagsHover = ScopeFactory.getScope('tagsHover');
                tagsHover.hoveringTag(tag);
            });
        };
    }]);
})();

^正如你在上面看到的，我粗略地抓住了tagsHover指令的作用域，然后瞄准其中的一个函数，并传递更新的tag对象。

下面是我的整个tagHoverDirective和标记，理想的Angular方式将更新的标签对象传递到tagHoverDirective函数hoveringTag中?

(function() { "use strict";
    angular.module('tagHoverDirective', [])
    .directive('tagsHover', function() {
        return {
            templateUrl : "tags/tagsHover.html",
            restrict    : "E",
            replace     : true,
            link: function($scope, el, attrs) {
                // console.debug($scope, attrs);
            },
            scope:{
                tag:'=ngModel'
            },
            controller  : ['$scope',
                           'ScopeFactory',
                           'TagDetailsFactory',
                           function($scope,
                                    ScopeFactory,
                                    TagDetailsFactory) {
                // Init tagsHover scope:
                // ---------------------
                var vs = $scope;
                    ScopeFactory.saveScope('tagsHover', vs);
                vs.hoveringTag = function(t) {
                    t.tagsHoverDisplay = true;
                };
                vs.leavingTag = function(t) {
                    t.tagsHoverDisplay = false;
                };
            }]
        }
    });
})();

标记tagHover.html

<div class="tags-hover-container" ng-show="tag.tagsHoverDisplay">
    <div class="tag-info-padding">
        <div class="tweets" ng-hide="!tag.quantity">
            <div class="percentage" ng-hide="tag.length">
                {{tag.tweet_percentage}}%
            </div>
            <div class="tweet-count">{{tag.quantity}} tweets</div>
        </div>
        <div class="tweets-direction" ng-show="!tag.quantity">
            0 tweets
        </div>
    </div>
</div>