Как получить атрибут элемента родного брата

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

Лучший способ, который я нашел, - это использовать nativeElement из ElementRef, но у него есть некоторые вопросы по безопасности ... Я продолжу искать другой способ сделать это, но в этот раз это все.

Answer 2

Если я вас получу, вы хотите передать значение 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>

Во втором вы передаете всю ссылку, чтобы вы могли делать то, что вам нужно

Для глубокого понимания см. Ссылки на шаблоны