html - 新建angular项目如何设置主页

Question

我是 angular 的新手

我使用此链接创建了新项目 https://cli.angular.io/
这里显示的主页来自 appcomponent.html
我在 SRC >> pages >> index.html 和 index.ts 中创建了新页面

我在 appcomponent.ts 中导入这些页面和 appmodule.ts
如何将默认主页设置为索引。

这是我的应用组件页面

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

    }
  }

Answer 1

您必须使用 ng g c MyComponent 生成一个新组件。然后加<router-outlet></router-outlet>到您的 app.component.html 文件。最后，您必须配置您的路由器以在您的主要地址(在 localhost:4200)上显示此组件。对象应该看起来像

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

阅读有关路由器和路由的更多信息 https://angular.io/guide/router