Угловой 7 получить значение идентификатора элемента на стороне шаблона компонента

Question

Можно ли получить значение значения id элемента html внутри самого шаблона (не со стороны .ts)? Посмотрите на этот пример:

<div class="fillable-area">
  <textarea id='middle_name' required>{{ dataService.getUserField('middle_name') }}</textarea>
  <label for="middle_name">Middle name</label>
</div>

У меня есть элемент id, который точно совпадает с именем параметра getUsetField() моей службы данных. Подобных элементов очень много, поэтому я думаю, что было бы неплохо сделать что-то подобное (только чтобы не повторяться):

<textarea id='middle_name' required>{{ dataService.getUserField(this.id) }}</textarea>

Мне нужно, чтобы он мог циклически проходить через все мои поля данных (которые поступают из базы данных и хранятся в объектах), получать имена их ключей и находить соответствующие поля в шаблоне.

Answer 1

Это можно сделать с помощью ссылочной переменной шаблона . В приведенном ниже примере переменная txt определена для элемента textarea и используется для получения id элемента:

<textarea #txt id="middle_name" required>{{ dataService.getUserField(txt.id) }}</textarea>