Angular 2：绑定两个输入字段

-2

我有两个类型文件的输入。我想同步这两个输入，这样当我在第一个输入中选择一个图像时，它将自动添加到第二个输入，并且可以从那里访问它。Angular 2：绑定两个输入字段

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

来源

2017-08-06 nadhem

你的问题是不是真的清楚。 – sancelot

所以我会向你解释我想做什么，如果我从第一个输入中选择了一个图像，我想从第二个输入中选择它，这是我的目标。 @sancelot – nadhem

输入的文件，该文件选择没有存储在value属性特殊，因此ngModel将无法正常工作。您可以使用template reference variable（如#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>

试试吧here

来源

2017-08-07 01:11:07

啊非常感谢，我会尽力 – nadhem

如果它适合你，我会很高兴如果你接受我的答案。 :) –

不，不幸的是它不起作用，第二个输入仍然未定义 – nadhem

Angular 2：绑定两个输入字段

回答

相关问题