feat(query): notify on changes

modules/angular2/src/change_detection/change_detection_jit_generator.ts

@@ -203,7 +203,12 @@ export class ChangeDetectorJITGenerator {
       }
     }
 
-    return notifications.join("\n");
+    var directiveNotifications = notifications.join("\n");
+
+    return `
+      this.dispatcher.notifyOnAllChangesDone();
+      ${directiveNotifications}
+    `;
   }
 
   _genLocalDefinitions(): string { return this._localNames.map((n) => `var ${n};`).join("\n"); }

modules/angular2/src/change_detection/dynamic_change_detector.ts

@@ -110,6 +110,7 @@ export class DynamicChangeDetector extends AbstractChangeDetector {
   }
 
   callOnAllChangesDone() {
+    this.dispatcher.notifyOnAllChangesDone();
     var dirs = this.directiveRecords;
     for (var i = dirs.length - 1; i >= 0; --i) {
       var dir = dirs[i];

modules/angular2/src/core/compiler/base_query_list.ts

@@ -26,7 +26,6 @@ export class BaseQueryList<T> {
     this._dirty = true;
   }
 
-  // TODO(rado): hook up with change detection after #995.
   fireCallbacks() {
     if (this._dirty) {
       ListWrapper.forEach(this._callbacks, (c) => c());

modules/angular2/src/core/compiler/element_injector.ts

@@ -707,6 +707,15 @@ export class ElementInjector extends TreeNode<ElementInjector> {
     }
   }
 
+  onAllChangesDone(): void {
+    if (isPresent(this._query0) && this._query0.originator === this)
+      this._query0.list.fireCallbacks();
+    if (isPresent(this._query1) && this._query1.originator === this)
+      this._query1.list.fireCallbacks();
+    if (isPresent(this._query2) && this._query2.originator === this)
+      this._query2.list.fireCallbacks();
+  }
+
   hydrate(injector: Injector, host: ElementInjector, preBuiltObjects: PreBuiltObjects): void {
     var p = this._proto;
 

modules/angular2/src/core/compiler/view.ts

@@ -111,6 +111,13 @@ export class AppView implements ChangeDispatcher, EventDispatcher {
     }
   }
 
+  notifyOnAllChangesDone(): void {
+    var ei = this.elementInjectors;
+    for (var i = ei.length - 1; i >= 0; i--) {
+      if (isPresent(ei[i])) ei[i].onAllChangesDone();
+    }
+  }
+
   getDirectiveFor(directive: DirectiveIndex) {
     var elementInjector = this.elementInjectors[directive.elementIndex];
     return elementInjector.getDirectiveAtIndex(directive.directiveIndex);

modules/angular2/src/transform/template_compiler/change_detector_codegen.dart

@@ -262,11 +262,15 @@ class _CodegenState {
   /// them.
   String _getCallOnAllChangesDoneBody() {
     // NOTE(kegluneq): Order is important!
-    return _directiveRecords.reversed
+    var directiveNotifications = _directiveRecords.reversed
         .where((rec) => rec.callOnAllChangesDone)
         .map((rec) =>
             '${_genGetDirective(rec.directiveIndex)}.onAllChangesDone();')
         .join('');
+    return '''
+      _dispatcher.notifyOnAllChangesDone();
+      ${directiveNotifications}
+    ''';
   }
 
   String _genLocalDefinitions() =>