title: Can't get to @ViewChildren in parent component
body: <p>I am trying to get control over the children instances of a component and can't go past an error. I am trying to follow along the answers from <a href="https://stackoverflow.com/questions/32693061/angular-2-typescript-get-hold-of-an-element-in-the-template/35209681#35209681">this issue</a>.</p>
  
  <p>The parent component <code>Sequence</code> contains children components of <code>SequenceStep</code>. The parent contains the following declaration:</p>
  
  <p><code>@ViewChildren(SequenceStep) steps: QueryList&lt;SequenceStep&gt;;</code></p>
  
  <p>then I am trying to do something about the children:</p>
  
  <pre><code>ngAfterViewInit() {
      this.steps.changes.subscribe(steps =&gt; {
          console.log(steps);
      });
  }
  </code></pre>
  
  <p>The error I'm getting is:</p>
  
  <blockquote>
    <p>metadata_resolver.js:639 Uncaught Error: Can't construct a query for
    the property "steps" of "Sequence" since the query selector wasn't
    defined.</p>
  </blockquote>
  
  <p>whereas both <code>Sequence</code> and <code>SequenceStep</code> components do have their selectors defined in their <code>@Component</code> decorators (<code>sequence</code> and <code>sequence-step</code> respectively).</p>
  
  <p>What am I doing wrong here?</p>