У меня есть контактная форма для добавления / редактирования as-upsert-contact. Имеет логику для добавления и обновления контактной информации. Я хочу иметь возможность подключить это, чтобы добавить / редактировать кнопки. Что-то вроде
<button as-upsert-contact>Add Contact</button>
<button as-upsert-contact [contact-id]="1">Edit Contact</button>
Это бы прекрасно сработало для всплывающего окна, но у меня нет всплывающего окна в этом случае. Мне нужно, чтобы кнопка исчезла и показала contact-form.
Я не хочу загрязнять свой родительский компонент логикой show/hide, я хочу, чтобы мой дочерний компонент делал это. Я хочу, чтобы родитель отвечал за вид отображения, поэтому позже, если я захочу изменить Add Contact на какой-то icon, я хочу, чтобы родитель справился с этим.
Как этого добиться?