Question

我的问题是，如何在for循环的每个步骤中而不是在循环结束时更新从ts文件绑定的html DOM元素值？我想在执行循环时查看所有值。

假设我有一个这样的html文档：

.outer {
    line-height: 0px;
}

我有一个这样的Ts文件：

<p> progress is = {{progress}} </p>
<input type="file" style="align-content:center" (change)="incomingfile($event)">

单击按钮，我想查看浏览器的输出，例如：进度= 0（当for循环i = 0时）进度= 10（当for循环i = 1时）进度= 20 for循环i = 2）

Answer 1

您可以通过模拟假的setTimeout来解决，因为所有这些都发生在前端，所以可能根本没有时间。但是您可以在将进度条模式上传到后端时制作进度条模式，这样您就可以从后端获得进度并且可以显示它。请按照本教程将文件上传到服务器：
https://www.youtube.com/watch?v=YkvqLNcJz3Y

也不要在有角度的组件内使用document.getElementById，最佳做法是在组件内部使用本机元素，或在输入字段中创建引用，然后在组件内部引用它。对于您使用的技术，最好使用一个布尔变量来控制此行为，并在输入字段中使用[disabled]。

我做了这个堆叠闪电战，用其他元素引用技术很好地解释了它：
https://stackblitz.com/edit/angular-zphhej?file=src%2Fapp%2Fapp.component.ts

角度ts更新for循环中的元素

1 个答案: