Question

我是角色

的新手

我使用此链接https://cli.angular.io/

创建了新项目

此处主页显示在appcomponent.html

中

我在SRC中创建了新页面＆gt;＆gt;页面＆gt;＆gt; 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

在app-rounting.module.ts

{path: "",  component: DashboardComponent, pathMatch: "full"},

Answer 2

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

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

详细了解路由器和路由https://angular.io/guide/router

新的角度项目如何设置主页

2 个答案: