我创建了一个用于显示工具提示的指令:
app.directive('tooltip',function(){ return{ restrict: 'A', link: function(scope,element,attr){ element.bind('mouseenter',function(e){ scope.setStyle(e); }); } } });
对应setStyle()功能:
setStyle()
$scope.setStyle = function(e){ $scope.style = { position: 'absolute', // some other styles }; $scope.$digest(); };
$scope.style 应用于此:
$scope.style
<span ng-style="style">I am a tooltip</span>
这是我观点的一部分,由拥有者的控制器处理 $scope.style
为什么必须调用$digest()才能将更改应用到$scope.style,该更改是早先声明和初始化的?
$digest()
因为附加到mouseenter事件的回调超出了angular的范围;angular不知道该函数何时运行/结束,因此摘要循环永远不会运行。
mouseenter
调用$digest或$apply告诉angular更新绑定并触发任何手表。
$digest
$apply