title: Component within page not animating on navigate for iOS
body: <p>When navigating to a new screen by calling <code>NavController.navigateForward('/url')</code> you get a free native animation which slides the screen in to view. This works as expected unless I use a component within a page component. When I do that, everything animates as expected except the component within the page.</p>
  
  <p>When the following page is navigated to the content and title all slide into view as expected.</p>
  
  <pre><code>&lt;ion-header&gt;
      &lt;h1&gt;The Title&lt;/h1&gt;
  &lt;/ion-header&gt;
  &lt;ion-content&gt;
      Some content...
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>However, if I extract the <code>h1</code> tag to a component only the "Some content..." slides into view. "The Title" is displayed with no animation.</p>
  
  <pre><code>&lt;ion-header&gt;
      &lt;app-my-component&gt;The Title&lt;/app-my-component&gt;
  &lt;/ion-header&gt;
  &lt;ion-content&gt;
      Some content...
  &lt;/ion-content&gt;
  </code></pre>