我有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"
答案 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