Я хочу изменить содержимое страницы без перезагрузки в угловой 6

Question

Я новичок в угловой.Я хотел динамически изменить содержимое страницы или, возможно, показать новый компонент с новым содержанием в нем.У меня есть карты на моем сайте.пожалуйста, обратитесь к ссылке Карты

Я хочу, чтобы изменить содержимое страницы и показывать различное содержимое при каждом нажатии кнопки на карте.я уже создал метод и что в нем исправить .?

Component.html

<a href="#" class="btn btn-primary" (click)="onFirstClick()">Go somewhere</a>

component.ts

onFirstClick() {
}

Нужно ли создавать новый компонент для отображения нового контента.что я должен делать?пожалуйста помогите

Answer 1

Ну, это зависит от того, что вы хотите изменить динамически, но Angular действительно хорош в этом.Например, если вы хотите переключить текст кнопки при первом нажатии, вы можете сделать:

component.ts:

buttonTxt: string = 'Click me';

onFirstClick() {
   this.buttonTxt = 'Button Clicked';
}

component.html:

<a href="#" class="btn btn-primary" (click)="onFirstClick()">{{buttonTxt}}</a>

Динамическое изменение того, что на странице - это то, что хорошо подходит для углов, и есть множество разных способов: ngIf * (Скрыть или показать html-компонент в соответствии с логической переменной на ts) и многое другое.

Вы можете прочитать об этом здесь: https://medium.com/@DenysVuika/dynamic-content-in-angular-2-3c85023d9c36