Angular 2：绑定两个输入字段

Question

我有两个类型文件的输入。我想同步这两个输入，这样当我在第一个输入中选择一个图像时，它会自动添加到第二个输入，我可以从那里访问它。

<input name="input1" type="file" multiple>
<input name="input2" type="file" multiple>

Answer 1

文件的输入是特殊的，因为文件选择不存储在value属性中，因此ngModel将不起作用。您可以使用#variablename (change)="input2.files = input1.files"来引用每个输入。然后，当第一个输入发生更改时，使用<input name="input1" type="file" multiple #input1 (change)="input2.files = input1.files"> <input name="input2" type="file" multiple #input2> 将文件选择添加到第二个输入。

{{1}}

尝试template reference variable