角度8，用户输入并与用户输入和选定的复选标记一起更新

Question

在Angular 8中，在用户输入“ $ 10”和click(Onclick event)之后，应使用用户输入更新下面的框，并如图所示选择整个框。

任何教程，建议将不胜感激

Image

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

我希望您正在寻找原型，您可以检查小提琴吗？我已经为该问题创建了原型，请检查它

Check fiddle

Answer 2

[尝试属性绑定，在Ts中传递值或通过表单捕获它，然后在ts中将属性[checked]动态化。