Simply use the command sass –watch <input folder>:<output folder>, like this: $ ls -l css/ sass/ $ sass –watch sass:css Where <input folder> contains the Sass files and <output folder> that hosts the generated CSS files.
$watch only evaluate string or function parameter in its first argument. Change your $watch like this : $scope.$watch(‘cart.name + cart.id + cart.amount’, $scope.updateCart()); OR $scope.$watch(‘cart’, $scope.updateCart, true); See reference API
$watch returns a deregistration function. Calling it would deregister the $watcher. var listener = $scope.$watch(“quartz”, function () {}); // … listener(); // Would clear the watch
You don’t even need an IDE – you can use “Object.watch()”: Object.Watch Tutorial If you use any one debugger, I’d strongly recommend Firebug. For all your Javascript, HTML and CSS needs :-): http://getfirebug.com/javascript =========================================================== Update for 2019: Object.Watch is Ancient History. Uncoincidentally, it’s unavailable in most contemporary browsers. My personal favorite JS debugging tool these … Read more
I have created a small object.watch shim for this a while ago. It works in IE8, Safari, Chrome, Firefox, Opera, etc. /* * object.watch v0.0.1: Cross-browser object.watch * * By Elijah Grey, http://eligrey.com * * A shim that partially implements object.watch and object.unwatch * in browsers that have accessor support. * * Public Domain. * … Read more
In Angular 2, change detection is automatic… $scope.$watch() and $scope.$digest() R.I.P. Unfortunately, the Change Detection section of the dev guide is not written yet (there is a placeholder near the bottom of the Architecture Overview page, in section “The Other Stuff”). Here’s my understanding of how change detection works: Zone.js “monkey patches the world” — … Read more
You can set the 3rd argument of $watch to true: $scope.$watch(‘data’, function (newVal, oldVal) { /*…*/ }, true); See https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$watch Since Angular 1.1.x you can also use $watchCollection to watch shallow watch (just the “first level” of) the collection. $scope.$watchCollection(‘data’, function (newVal, oldVal) { /*…*/ }); See https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$watchCollection
fswatch fswatch is a small program using the Mac OS X FSEvents API to monitor a directory. When an event about any change to that directory is received, the specified shell command is executed by /bin/bash If you’re on GNU/Linux, inotifywatch (part of the inotify-tools package on most distributions) provides similar functionality. Update: fswatch can … Read more
You can always use the good old observer pattern if you want to avoid the tyranny and overhead of $watch. In the service: factory(‘aService’, function() { var observerCallbacks = []; //register an observer this.registerObserverCallback = function(callback){ observerCallbacks.push(callback); }; //call this when you know ‘foo’ has been changed var notifyObservers = function(){ angular.forEach(observerCallbacks, function(callback){ callback(); }); … Read more
Did you try using Watchdog? Python API library and shell utilities to monitor file system events. Directory monitoring made easy with A cross-platform API. A shell tool to run commands in response to directory changes. Get started quickly with a simple example in Quickstart…