jquery - jQuery.cssが正常に動作している間にng-styleが失敗する

Question

私はこの div を持っています:
<div id="outlineCSS" ng-style="elementOutlineStyle"></div>
私は<ul>多くの を持っており<li>、そのうちの 1 つにカーソルを合わせると、次のように ng-mouseoverを制御する関数をトリガーします。elementOutlineStyle

$scope.elementOutlineStyle = angular.extend({
            'pointer-events': 'none',
            'position': 'absolute',
            'box-shadow': 'rgba(255, 0, 0, 1) 0px 0px 10px 0px',
            'display': 'block'
          }, {
            'height': data.height,
            'width': data.width,
            'left': outlineLeftPos,
            'top': outlineTopPos
          });

しかし、このコードは DELAY で適用されます! 説明させてください: <li>#1 をホバーすると何も起こらず、<li>#2 をホバーすると #1 のデータのスタイルが適用されるとします。

ただし、角度コードを次のコードに置き換えると:

         $("#outlineCSS").css({
              'pointer-events': 'none',
            'position': 'absolute',
            'box-shadow': 'rgba(255, 0, 0, 1) 0px 0px 10px 0px',
            'display': 'block',
              'height': data.height,
            'width': data.width,
            'left': outlineLeftPos,
            'top': outlineTopPos
          }
         );

その後、意図したとおりに機能します...どうして角度がこれに遅れをとっていますか??