Question

我有这个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
          });

但是此代码适用于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
          }
         );

然后它按预期工作......角度是如何落在这个上的？

Answer 1

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

中

当jQuery.css工作正常时，ng-style失败

1 个答案: