如何在使用隔离作用域的angular指令中提高双向绑定的性能

我有一个指令'sim-grab'，它将为自定义事件'pointOver'添加事件处理程序&'pointOut'在一组信息贴片上。当这些事件被触发时，我需要在信息块的顶部显示一个可视化。

使用ng-repeat填充信息块。我面临的问题是，在这些可视化显示中有一个小延迟(略高于700ms)。请注意，'pointOver/Out'事件可以在一秒钟内触发多次。

如果我在下面的代码中采取了错误的方法，如果有人能告诉我，那就太好了。

指令:

    .directive('simGrab', function(){
    return {
        restrict: 'A',
        scope : {
            data : "="
        },
        link: function(scope, element, attrs)
        {
            var _pointOverEvents = 'pointOver';
            var _pointOutEvents = 'pointOut';

            var initialize = function () {
                toggleListeners(true);
            };
            var onPointOver = function(evt) {

                if(scope.data) {
                    if(evt) {
                        //turn on grab visualization
                        scope.data.isGrabbable = true;
                    }
                       //turn on point visualization
                    scope.data.isPointed = true;
                }
            };
            var onPointOut = function(evt) {
                if(scope.data) {
                    //turn off grab visualization
                    scope.data.isPointed = false;
                    scope.data.isGrabbable = false;
                }
            };
            var toggleListeners = function (enable) {
                // remove listeners
                if (!enable){
                    console.log("simGrab destroyed");
                    return;
                }
                // add listeners.
                element.on(_pointOverEvents, onPointOver);
                element.on(_pointOutEvents,onPointOut);
                scope.$on('$destroy', onDestroy);
            };
            var onDestroy = function (enable) {
                toggleListeners(false);
            };
            initialize();
        }
    };
});

和HTML

<div class = "feed-box normal" ng-repeat="feed in normEntries" >
<div class="feed-element normal"  ng-class="'color'+($index+1)"  ng-click="setCurrFeed(feed)" sim-grab data="feed">
    <div class="feed-title normal">{{feed.title}}</div>
    <div class="time-ago">{{feed.date}}</div>
    <p  ng-bind-html="feed.summary"></p>
</div>
<div class="tip-container-centered" ng-show="feed.isPointed">
    <div class='open-bar'>
        <div class='open-bar-text'>OPEN</div>
        <div class='open-bar-bg'>
            <span class="text">OPEN</span>
            <span class='open-sphere'></span>
        </div>

    </div>
</div>
<div class="tip-container-bottom-right" ng-show="feed.isGrabbable">
    <div class="gesture grab" >GRAB</div>
</div>