Ссылки на другие html-страницы с помощью тегов в Angular 2 ⇐ Html

[Anonymous]

Я новичок в Angular 2 и использую его для создания личного веб-сайта. У меня есть главная страница с биографической информацией и еще одна страница, на которой будет размещен контент блога. Обе эти страницы будут иметь одинаковый верхний и нижний колонтитул с разным содержанием внутри. Каталог файлов проекта выглядит примерно так: компонентами являются нижний колонтитул, заголовок и блог.

Код: Выделить всё

app
├── app.component.html
├── app.module.ts
├── app.component.ts
├── app.component.spec.ts
├── blog
|   ├── blog.component.html
|   └── blog.component.spec.ts
|   └── blog.component.ts
├── footer
|   ├── footer.component.html
|   └── footer.component.spec.ts
|   └── footer.component.ts
├── header
|   ├── header.component.html
|   └── header.component.spec.ts
|   └── header.component.ts

Для простоты я удалил ненужные файлы и CSS из приведенного выше примера.

Теперь в моем заголовке (header.comComponent.html) у меня есть следующий код, который позволяет пользователям переходить с домашней страницы на страницу блога и обратно

Код: Выделить всё

[img]logo.jpg[/img]

[url=../../index.html]Home[/url]
[url=../blog/blog.component.html]Blog[/url]

Однако страница blog.comComponent.html не будет ссылаться. Я не понимаю, как ссылки должны работать в Angular 2. Должен ли я создать еще одну html-страницу, на которой блог связан через селектор, или что? Мне кажется, что это глупый вопрос, и я уверен, что на него есть очевидный ответ — хотя я просто не могу его ответить! Я читал о «маршрутизации» на других страницах, хотя они, кажется, педалируют решения, которые кажутся такими сложными, когда традиционные HTML и JS так легко связывают HTML-страницы через теги!

Что я делаю не так? Пожалуйста, кто-нибудь, помогите мне здесь - мне бы хотелось простого и легкого решения.

Подробнее здесь: https://stackoverflow.com/questions/485 ... -angular-2