Angular 5 - 单击时更新指令属性值

Question

我在一个带有步进过程的表单旁边创建了一个进度条。每次用户点击“下一步”或“上一页”时，他们都会看到表单的不同部分。

我需要进度条来更新它的值，具体取决于它们的步骤。或者仅仅当用户点击“下一步”时，进度条会更新它的值。

<mdb-progressbar value="25" min="0" max="100" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></mdb-progressbar>

value =“25”必须在下一步更新为value =“50”，依此类推。

以角度4/5更新此属性的最佳方法是什么？

由于

Answer 1

<mdb-progressbar [value]="value" min="0" max="100" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></mdb-progressbar>

在您的组件中：

value = 0;
// After each step is completed
this.value += 100 / this.totalSteps;