Angular 2 - 替换$ scope。$ apply? [英] Angular 2 - Substitute for $scope.$apply?
问题描述
$ scope。$ apply
将不再是Angular 2的一部分。那么如果任何绑定属性被更改,我们如何让Angular知道更新DOM在常规角度执行上下文之外?
取自。
jQuery.fadeIn
调用 setInterval
, setInterval $只要您在
zone.run
中调用 jQuery.fadeIn
,就可以修补c $ c>。
zone.fork
和 zone.run
替换 $ scope。$ apply
,但它不同,因为它在异步事件完成时检测到自己,而你必须调用 $ scope。$ apply $当你知道事情已经完成时,c $ c> 手动。
另请参阅此问题+答案:使用zone.js从任何地方检测当前执行上下文?
如果浏览器公开了一些未涵盖的新异步API ?
我猜他们也会补丁。
如果其他一切都失败了,你仍然可以手动调用 zone.afterTask()
。
我猜这就是你要找的东西:)
$scope.$apply
will no longer be part of Angular 2. Then how do we let Angular know to update the DOM if any of the bound properties have been changed outside the regular angular execution context?
Taken from a blog post by Minko Gechev:
No more $scope.$apply
But how then AngularJS knows that anything outside it’s execution context has taken a place? Lets think where the changes might come from:
- setTimeout
- setInterval
- prompt (yeah, there are people who still use it…)
- XMLHttpRequest
WebSockets
…
For which the answer is:
I understand that patching the browser built-in javascript functions to notify of any changes to Angular is something that can be done in a relatively safe manner (without introducing subtle bugs) and would be very convenient for the developer. But what about third party APIs (such as jQuery.fadeIn
) or if the browser exposes some new asynchronous API which isn't covered? What's the substitute for old $scope.$apply
?
So the library that does all this monkey patching is zone.js.
jQuery.fadeIn
calls setInterval
, setInterval
is monkey patched, as long as you called jQuery.fadeIn
within a zone.run
.
zone.fork
and zone.run
kind of replace $scope.$apply
, but it's different because it detects itself when asynchronous things have finished, whereas you have to call $scope.$apply
manually when you know things have finished.
See also this question+answer: Use zone.js to detect current execution context from anywhere?
if the browser exposes some new asynchronous API which isn't covered?
I guess they will patch that too.
If everything else fails, you can still call zone.afterTask()
manually.
I guess that's what you were looking for :)
这篇关于Angular 2 - 替换$ scope。$ apply?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!