title: Call multiple children methods from parent component
body: <p>I'm trying to call children methods from parent component with ViewChild:</p>
  
  <pre><code>...
  
  export class Parent {
    @ViewChild(ProfileImageComponent) profileImage: ProfileImageComponent;
    ...
  
    updateProfile() {
      ...
      this.profileImage.updateAvatar();
    }
  }
  </code></pre>
  
  <p>The problem is this only works for the first child component instance in the parent's view:</p>
  
  <pre><code>...
  &lt;profile-image&gt;&lt;/pofile-image&gt; &lt;!-- only this one gets updated --&gt;
  ...
  &lt;profile-image&gt;&lt;/pofile-image&gt;
  ...
  &lt;profile-image&gt;&lt;/pofile-image&gt;
  ...
  </code></pre>
  
  <p>How can I call every profileImage children method so everything gets updated?</p>