0

我有这个 div：
<div id="outlineCSS" ng-style="elementOutlineStyle"></div>
我有<ul>很多<li>，当我悬停其中一个时，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
          });

但是此代码适用于延迟！让我解释一下：假设我悬停<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
          }
         );

然后它按预期工作......为什么角度落后于这个？

4

1 回答 1

0

样式更改必须包含在$scope.$apply.

于 2013-11-04T21:21:17.977 回答