Как открыть/показать мой компонент при нажатии кнопки HTML? ⇐ Jquery

[Anonymous]

Я создаю простое приложение, сейчас есть 3 компонента: один родительский компонент, называемый MAIN COMPONENT, и два дочерних компонента, один из дочерних компонентов отображает выбранные транспортные средства, и это работает нормально, но после завершения выбора мне нужно нажать кнопку «Добавить» в моем приложении, чтобы открыть модальное окно (это еще один компонент), где я должен выбрать клиента/клиента, чтобы я мог отметить, что этот автомобиль принадлежит выбранным клиентам.

Вот как это выглядит общее:




Поэтому в основном при нажатии кнопки добавления (эта кнопка добавления является частью компонента панели инструментов) должно отображаться модальное окно (еще один компонент, который удерживает клиентов), где я могу выбрать клиента.

Компонент, который должен отображаться при нажатии кнопки добавления: customer.comComponent.html

Теперь я опубликую свой код:

1.) разместим компонент, который должен содержать клиентов customer.comComponent.html

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

×
[h4]Clients[/h4]

[h4]Find client by ID[/h4]




Search for client..
Person 1
Person 2
Person 3









@Component({
selector: 'app-customer',
templateUrl: './customer.component.html',
styleUrls: ['./customer.component.css']
})
export class ClientComponent implements OnInit {
ngOnInit() {
}
}

Я вообще понятия не имею, как это сделать, возможно, мне стоит разместить что-то подобное в своем основном компоненте:

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

 and somehow show it when I click on button add, but I really don't know how to achieve this? Could anyone write me some simple steps which I might follow or whatever...

Спасибо, ребята
Ура

Поэтому, пожалуйста, имейте в виду, что мой вопрос в конце прост: мне нужно показать модальное окно, которое перенастраивает мой компонент при нажатии кнопки.

Спасибо
Ура

Подробнее здесь: https://stackoverflow.com/questions/512 ... tton-click