title: New angular project how to set home page
body: <p>I am new to angular</p>
  
  <p>I have created the new project by using this link <code>https://cli.angular.io/</code></p>
  
  <p>Here the home page is displayed from <code>appcomponent.html</code></p>
  
  <p>I have created the new page in SRC >> pages >> index.html and index.ts</p>
  
  <p>I import these pages in <code>appcomponent.ts</code> and <code>appmodule.ts</code></p>
  
  <p>How to set the default home page as index. </p>
  
  <p>this is my app component page</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { Http, Headers } from '@angular/http';
  import { IndexPage } from '../pages/index';
  
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class MyApp {
    title = 'app';
    rootPage:any = IndexPage;
  
  
    constructor(    public http: Http ) {
  
      }
    }
  </code></pre>