Статические html страницы с угловым 6 - PullRequest
Новая
       21

Статические html страницы с угловым 6

0 голосов
/ 15 октября 2018

Проблема

У меня есть 4 статические страницы с полным угловым веб-приложением. Я хочу, чтобы при запуске и после входа в систему страница home.html перенаправлялась в реальное угловое веб-приложение, откуда запускалась угловая маршрутизация и делала чудеса,вопрос зачем я этого хочу?Я хочу этого, потому что в моем веб-приложении есть статические страницы, такие как дом, свяжитесь с нами, я хочу, чтобы правила и условия и политика конфиденциальности и т. Д. Я хочу, чтобы эти страницы были статичными для сканера, а также для быстрого рендеринга, исключая угловые из него.

Вопрос

Как мне этого добиться.

Пока сделано

Я создаю 3 статические страницы в корне, где находится index.html.в угловом поле я поставил эту строку 

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

, но теперь я не могу перейти на страницу contactus.html, где отображается эта ошибка.

Ошибка 

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

1 Ответ

0 голосов
/ 16 октября 2018

Если я вас правильно понял, вы можете использовать «Маршруты» для отображения вашей страницы и легко показывать в том же «индексе» все ваши контенты.Он универсален, потому что с этим вы можете управлять многими вещами, такими как доступ к сеансу: я покажу вам пример:

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

...