如何获得同级元素的属性

Question

如何获取同级元素的属性？

下面有一些代码

<div>
<input name="nameOfInput">
<app-data><app-data> <!-- I need wich this component get "name" of above input -->
</div>

<div>
<input name="nameOfOtherInput">
<app-data><app-data> <!-- I need wich this component get "name" of above other input -->
</div>

Answer 1

如果我得到您，您想将HTML元素的值传递给其他人

您可以使用以下模板引用来做到这一点：

<div>
<input name="nameOfInput" #firstInput>
<app-data>firstInput.value</app-data>
</div>

<div>
<input name="nameOfOtherInput" #secondInput>
<app-data>secondInput<app-data>
</div>

在第一个div中，您将<input name="nameOfInput" #firstInput>的值传递给</app-data>

第二遍，您将传递整个参考，以便您可以做所需的事情

要深入了解，请参见real code

Answer 2

我发现的更好的方法是使用ElementRef中的nativeElement，但这存在一些不安全的问题……我将继续寻求其他方法来做到这一点，但这次是所有人。