Angular 8, пользовательский ввод и обновление вместе с пользовательским вводом и выбранной галочкой

Question

В Angular 8, после пользовательского ввода "$ 10" и click(Onclick event), поле внизу должно быть обновлено с тем, какой пользовательский ввод и весь блок должны быть выбраны, как показано на рисунке.

Любые учебники, советы будут оценены

Изображение

HTML

<div class="col-md-0.8">
              <label class="padding_7">Costs</label>
</div>

<!-- Get user input (Only positive number) and need to be updated -->
<div class="col-md-1">
              <input type="positive-number" />
</div>

<div class="col-md-2">
            <button data-target="something" data-toggle="sth model" type="round-button custom-button">Update Cost</button>
</div>

Любая идея в Component.ts ???

Answer 1

Я надеюсь, что вы ищете прототип, вы можете проверить скрипку. Я создал прототип для вопроса, пожалуйста, проверьте его

Проверьте скрипку

Answer 2

Попробуйте связать свойство, передайте значение в Ts или перехватите его через форму, затем динамически c свойство [проверено] в ts.