Как можно перейти на абсолютно новую html страницу в angular?

@jett 

В Angular можно перейти на новую HTML страницу с помощью маршрутизации. Для этого необходимо выполнить следующие шаги:

1. Установите модуль маршрутизации Angular, выполнив команду npm install @angular/router.
2. Импортируйте модуль маршрутизации в вашем основном модуле AppModule, добавив следующий код:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  { path: 'new-page', component: NewComponent } // замените 'new-page' на желаемый путь и NewComponent на ваш компонент, отображаемый на новой странице
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

1. В вашем компоненте, откуда будет вызываться переход, добавьте код для навигации на новую страницу:

1
2
3
4
5
6
7
8
9

import { Router } from '@angular/router';

export class YourComponent {
  constructor(private router: Router) {}

  navigate() {
    this.router.navigate(['/new-page']); // замените '/new-page' на желаемый путь к новой странице, указанный в пункте 2
  }
}

1. Добавьте место для отображения содержимого на вашем основном HTML-шаблоне, где будет отображаться содержимое новой страницы:

1

<router-outlet></router-outlet>

1. Запустите приложение и вызовите метод navigate() в вашем компоненте, чтобы перейти на новую страницу.

Страница с указанным путем '/new-page' будет отображаться в на вашем основном шаблоне. Вы можете добавить любое число путей и компонентов в вашем приложении, чтобы переходить на разные страницы.