Блог

Главная - Вопросы по программированию - Как открыть HTML-страницу в другом компоненте Angular с помощью кнопки

Как открыть HTML-страницу в другом компоненте Angular с помощью кнопки

#html #angular

#HTML #angular

Вопрос:

У меня есть проект angular с несколькими компонентами. Я сделал кнопку в HTML. Как я могу заставить кнопку открывать HTML-страницу из другого компонента? Также, когда я добавляю новую кнопку, веб-страница становится пустой и отображает только фон.

Это для моего проекта Angular, использующего Webstorm.

 <button  class="btn nav-link m-1 btn btn-success w-100"
         (click)="openToggle>
  Open page
</button>

Комментарии:

1. Я не совсем уверен, о чем вы спрашиваете, но похоже, что чтение этого поможет: angular.io/guide/router

2. У меня есть кнопка в HTML, и когда я нажимаю на нее. Он должен открыть HTML-файл в другом компоненте. Как мне это сделать?

3. Вы должны посмотреть на маршрутизацию, как предложил Майк.

Ответ №1:

Пожалуйста, используйте маршрутизацию https://angular.io/guide/router.

this.router.navigate([‘/heroes’]);

Ответ №2:

Вы можете использовать navigateByUrl или navigate , чтобы изменить свой маршрут или страницу при нажатии на вашу кнопку. 

 <button  class="btn nav-link m-1 btn btn-success w-100"
     (click)="openToggle()">Open page
</button>

ваш файл .ts должен быть таким

 constructor(private router: Router) {}

openToggle() {
 this.router.navigateByUrl('/profile');
}

или

 openToggle() {
this.router.navigate(['/profile']);
}