Hopiu/angular.js
1
0
Fork 0
mirror of https://github.com/Hopiu/angular.js.git synced 2026-03-19 08:00:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(docs): Fixed defer to timeout change in timer directive example

Browse source
This commit is contained in:
Chris Dawson 2012-06-19 15:38:02 -04:00 committed by Brian Ford
parent 17209d5b4a
commit 13b5fd1b9d
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
docs/content/guide/directive.ngdoc
View file

@ -178,12 +178,12 @@ In this example we will build a directive which displays the current time.
angular.module('time', [])
// Register the 'myCurrentTime' directive factory method.
// We inject $defer and dateFilter service since the factory method is DI.
.directive('myCurrentTime', function($defer, dateFilter) {
// We inject $timeout and dateFilter service since the factory method is DI.
.directive('myCurrentTime', function($timeout, dateFilter) {
// return the directive link function. (compile function not needed)
return function(scope, element, attrs) {
var format, // date format
deferId; // deferId, so that we can cancel the time updates
timeoutId; // timeoutId, so that we can cancel the time updates
// used to update the UI
function updateTime() {
@ -198,8 +198,8 @@ In this example we will build a directive which displays the current time.
// schedule update in one second
function updateLater() {
// save the deferId for canceling
deferId = $defer(function() {
// save the timeoutId for canceling
timeoutId = $timeout(function() {
updateTime(); // update DOM
updateLater(); // schedule another update
}, 1000);
@ -208,7 +208,7 @@ In this example we will build a directive which displays the current time.
// listen on DOM destroy (removal) event, and cancel the next UI update
// to prevent updating time ofter the DOM element was removed.
element.bind('$destroy', function() {
$defer.cancel(deferId);
$timeout.cancel(timeoutId);
});
updateLater(); // kick of the UI update process.
@ -217,7 +217,7 @@ In this example we will build a directive which displays the current time.
</script>
<div ng-controller="Ctrl2">
Date format: <input ng-model='format'> <hr/>
Current time is: <span my-current-time="format"></span
Current time is: <span my-current-time="format"></span>
</div>
</doc:source>
<doc:scenario>