角度为6的静态html页面

时间:2018-10-15 12:39:10

标签: html typescript angular6 angular-cli-v6

问题

我有4个静态页面和完整的6个角度的Web应用程序,我想在启动时渲染home.html页面,登录后重定向到实际的角度Web应用程序,从那里触发角度路由并进行魔术处理。问题是为什么我要这个?我想要这个是因为我的Web应用程序有一些静态页面,例如主页,与我们联系,我需要条款和条件以及隐私权政策等。我希望此页面是静态的,以便对爬网程序友好,并且可以通过排除斜角来实现快速渲染。

问题

我如何实现这一目标。

到目前为止完成

我在index.html所在的根目录中创建3个静态页面。我把这条线放在cli角

"index": "src/home.html",

但是现在我无法导航到contactus.html页面,它向我显示此错误。

错误

"The selector "app-root" did not match any elements"

1 个答案:

答案 0 :(得分:0)

如果我理解的正确,则可以使用“路线”来映射页面,并在同一个“索引”中轻松显示所有内容。功能多样,因为有了它,您可以管理很多事情,例如会话访问:我给您看一个例子:

app.module.ts

import { Routes, RouterModule } from '@angular/router';
/*Example component*/
import { InicioComponent } from './inicio/inicio.component';
import{ ExamplePage } from './page1/examplePage.component';
/*Routes mapping*/
const routes: Routes = [
 {path: '', component: InicioComponent },
 {path: 'proveedores', component: ExamplePage, canActivate: [GuardService] }] /* Example of protected by session page*/
@NgModule({
declarations: [
ExamplePage,
InicioComponent
  ],
  imports: [
RouterModule.forRoot(routes)
]

app.component.html

    <h1>Angular</h1>
    <hr>
    <hr>
    <app-header></app-header>
    <div class="container text-center">
        <router-outlet>**Here are all the pages**</router-outlet>
    </div>

这只是一个简短的示例,在这里对其进行了深入的解释很复杂,但是在angular.io中有很多关于此模块的文档:https://angular.io/guide/router