0

Коллеги здравствуйте.

У меня есть много компонентов, я использую router и во время пере-направления routera я столкнулся с проблемой, опишу подробно:

У меня есть один заглавной файл app.component.html он отображает целиком все компоненты, то бишь полностью сайт, но теперь я сделал с помощью routera компонент about, при клике на него отобразить всё, что я записал в about.component.html, тут-то и возникает проблема, когда я кликаю на about, сам about отображается, но вместе с ним отображается и сайт тоже, то бишь заглавная страница + about а надо чтобы при клике отображалось только то что я записал в about. введите сюда описание изображениявведите сюда описание изображения

8
  • 1
    Всё так запутанно. Может код или структуру добавите? 3 окт 2017 в 12:11
  • <navbar></navbar> <jumbotrone></jumbotrone> <div class="container"> <router-outlet></router-outlet> </div> Вот у меня есть такой код в app.component.html и он отображает всё правильно но когда я с помощью роутера подлючаю about и скажем у меня в about есть всего одна строчка <h1>Hello World</h1> при клике на about отображается мой hello world и сама структура app.component.html, надо чтобы при клике на about отображался только hello world без структуры.
    – user218635
    3 окт 2017 в 12:17
  • 1
    а роутер? можете к вопросу добавить роутер и компонеты которые вызываете? 3 окт 2017 в 12:22
  • Добавил, ещё что то добавить?
    – user218635
    3 окт 2017 в 12:25
  • для about должна быть вообще другая страница? 3 окт 2017 в 12:28

1 ответ 1

2

Структура роутинга

{
        path: 'home',
        component: BaseComponent,
        children: [
              { path: '', component: HomeComponent }
        ]
    },

    {
        path: 'about',
        component: AboutComponent
    },

в app.componet.html оставить только

<router-outlet></router-outlet>

а в base.component.html будет то, что в app было

13
  • Что то у меня не получилось, пожалуйста объясните подробнее где мне создать base.component.html , сделать ещё одну папку и сделать 2 файла base.component.ts и html?
    – user218635
    3 окт 2017 в 13:15
  • Да,всё правильно. После того как создали в темплейте пишете код который был у вас в app компонете. 3 окт 2017 в 13:24
  • Какие то ошибки получаете? 3 окт 2017 в 13:29
  • Ничего не получаю, белый экран. Но показано что успешно скампилировалось?
    – user218635
    3 окт 2017 в 13:32
  • У вас есть team viewer можете залезть и посмотреть?
    – user218635
    3 окт 2017 в 13:41

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.