title: change in angular.dart change detection method
body: <p>I have a controller that defines:</p>
  
  <ul>
  <li>some properties that control how my ui looks like</li>
  <li>a method that may be called to change these properties</li>
  </ul>
  
  <p>I also have a directive that receives the controller's method as a parameter to be able to call it.</p>
  
  <p>After angular.dart v0.9.9. any change in the controller's properties is not detected anymore.  Since I use scope only implicitly, through the controller's properties, I am not sure if/how I should use 'scope.context', mentioned in the 'breaking changes' section of angular.dart 0.9.9.</p>
  
  <p>How can I fix this?</p>
  
  <p>[update]</p>
  
  <p>Below is some code:</p>
  
  
  
  <p>index.html</p>
  
  <pre class="lang-dart prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"&gt;
      &lt;title&gt;test&lt;/title&gt;
    &lt;/head&gt;
    &lt;body ng-cloak ng-controller="app-ctrl"&gt;
      &lt;div&gt;selections: {{ ctrl.selections }}&lt;/div&gt;
      &lt;div class="test-click" whenclicked="ctrl.goRight()"&gt;click&lt;/div&gt;
      &lt;script type="application/dart" src="/test/web/main.dart"&gt;&lt;/script&gt;
      &lt;script src="packages/browser/dart.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>main.dart</p>
  
  <pre class="lang-dart prettyprint-override"><code>library test;
  import 'package:angular/angular.dart';
  import '../lib/src/app_ctrl.dart';
  import '../lib/src/click_dir.dart';
  void main() {
    ngBootstrap(module: new TestModule());
  }
  class TestModule extends Module {
    TestModule() {
      type(AppCtrl);
      type(TestClickDir);
    }
  }
  </code></pre>
  
  <p>app_ctrl.dart</p>
  
  <pre class="lang-dart prettyprint-override"><code>library app;
  import 'package:angular/angular.dart';
  /** AppCtrl */
  @NgController(selector: '[ng-controller=app-ctrl]', publishAs: 'ctrl')
  class AppCtrl {
    List selections;
    AppCtrl() {
      selections = ['a','a'];
    }
    void goRight() {
      selections.add('a');
    }
  }
  </code></pre>
  
  <p>click_dir.dart</p>
  
  <pre class="lang-dart prettyprint-override"><code>library clickable;
  import 'package:angular/angular.dart';
  import 'dart:html';
  /** TestClickDir */
  @NgDirective(selector: '.test-click', map: const {
    'whenclicked': '&amp;click'
  })
  class TestClickDir implements NgAttachAware {
    Function click;
    Element self;
    TestClickDir(Element el) {
      self = el;
    }
    void attach() {
      self.onClick.listen((e) =&gt; click());
    }
  }
  </code></pre>