title: angular dart querySelector not finding element in modal
body: <p>I'm unable to find an element inside a modal element. I have a simple component with the following template</p>
  
  <pre><code>&lt;modal&gt;
    &lt;select id="pickItem"&gt;
      &lt;option value="1"&gt;one&lt;/option&gt;
      &lt;option value="2"&gt;two&lt;/option&gt;
    &lt;/select&gt;
  &lt;/modal&gt;
  </code></pre>
  
  <p>in my ngOnInit I put the code</p>
  
  <pre><code>SelectElement select = querySelector("#pickItem");
  print(select);
  </code></pre>
  
  <p>I get null. If I change the modal tags to divs, it works. Is there and angular preferred way to handle querying elements? </p>
  
  <p>Here is a sample to show ViewChild not working. ViewChild works on the first component. IE:</p>
  
  <pre><code>import 'dart:html';
  
  import 'package:angular/angular.dart';
  import 'package:angular_forms/angular_forms.dart';
  
  @Component(
      selector: 'my-app',
      template:'''
        &lt;select #mySelect&gt;
          &lt;option value="1"&gt;one&lt;/option&gt;
          &lt;option value="2"&gt;two&lt;/option&gt;
        &lt;/select&gt;
      ''',
      directives: const [formDirectives]
  )
  class AppComponent implements AfterViewInit {
    @ViewChild("mySelect")
    SelectElement element;
  
    @override
    ngAfterViewInit() {
      print(element);
    }
  }
  </code></pre>
  
  <p>This will print "select" to the console when run.</p>
  
  <p>If it's in a child component it doesn't work.</p>
  
  <p>app_component.dart</p>
  
  <pre><code>import 'package:angular/angular.dart';
  import 'package:angular_forms/angular_forms.dart';
  import 'child_component.dart';
  
  @Component(
      selector: 'my-app',
      template:'''
        &lt;child-component&gt;&lt;/child-component&gt;
      ''',
      directives: const [formDirectives, ChildComponent]
  )
  class AppComponent implements AfterViewInit {
    @override
    ngAfterViewInit() {
    }
  }
  </code></pre>
  
  <p>child_component.dart</p>
  
  <pre><code>import 'dart:html';
  
  import 'package:angular/angular.dart';
  import 'package:angular_forms/angular_forms.dart';
  
  @Component(
      selector: 'child-component',
      template:'''
        &lt;select #mySelect&gt;
          &lt;option value="1"&gt;one&lt;/option&gt;
          &lt;option value="2"&gt;two&lt;/option&gt;
        &lt;/select&gt;
      ''',
      directives: const [formDirectives]
  )
  class ChildComponent implements AfterViewInit {
    @ViewChild("myselect")
    SelectElement element;
  
    @override
    ngAfterViewInit() {
      print(element);
    }
  }
  </code></pre>
  
  <p>This will print "null" to the console when run.</p>