title: index.html integration with app.component.html template in angular 2
body: <pre><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
  
  })
  export class AppComponent {
    title = 'TEST-convinience';
  }
  </code></pre>
  
  <p>As shown in the above code, when the compiler finds the selector <code>&lt;app-root&gt;</code> in the <code>index.html</code> file it integrates with the template <code>app.component.html</code> and renders its view.</p>
  
  <p>What is the benefit and advantage of having this kind of integration?</p>
  
  <p>Instead we can use <code>index.html</code> to create a view.</p>