html - Nuevo proyecto de Angular cómo establecer la página de inicio

Soy nuevo en Angular

He creado el nuevo proyecto usando este enlace https://cli.angular.io/

Aquí se muestra la página de inicio desde appcomponent.html

He creado la nueva página en SRC >> pages >> index.html e index.ts

Importo estas páginas en appcomponent.ts y appmodule.ts

Cómo establecer la página de inicio predeterminada como índice.

esta es mi página del componente de la aplicación

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 ) {

    }
  }

Respuesta #1

Tienes que generar un nuevo Componente con ng g c MyComponent. Luego agrega <router-outlet></router-outlet> a tu archivo app.component.html. Finalmente, tienes que configurar tu Router para mostrar este componente en tu dirección principal (en localhost:4200). El objeto debería verse así

const routesConfig: Routes = [
    { path: '',     component: MyComponent}
    ]

Lee más sobre Enrutador y Enrutamiento https://angular.io/guide/router