ng-style 失败，而 jQuery.css 工作正常答案

【问题标题】：ng-style fails while jQuery.css works OKng-style 失败，而 jQuery.css 工作正常
【发布时间】：2013-11-04 21:02:28
【问题描述】：

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

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

【问题讨论】：

标签： jquery css angularjs

【解决方案1】：

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

【讨论】：

ng-mouseover 不应该触发摘要吗？我认为我们缺少一些东西。小提琴会很有帮助。