String inside {{ }} as Interpolation Code

Question

The FormControlNames of my elements are generated dynamicly this way: id{{foo.foo_id}}{{bar.bar_id}}{{bob.bob_id}}

The result is something like id137.

When I now use {{form.controls.id137.status}}, in the HTML, I get VALID / INVALID like it should.

But when I do {{'form.controls.id' + foo.foo_id + bar.bar_id + bob.bob_id + '.status'}} I just get the line form.controls.id137.status on my page as a string, but it is not actually run.

How can I make Angular run this string?

Reza · Accepted Answer · 2019-08-16 17:11:25Z

1

try

{{ form.get('id'+foo.foo_id + '' + bar.bar_id + '' + bob.bob_id)?.status }}

or

{{ form.controls['id'+foo.foo_id + '' + bar.bar_id + '' + bob.bob_id]?.status }}

answered Aug 16, 2019 at 17:11

Reza

20.1k18 gold badges102 silver badges178 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

igor_c · Accepted Answer · 2019-08-16 17:13:01Z

1

You are creating a string when you add quotes around 'form.controls.id' and '.status'

Try something like:

{{ form.get('id' + foo.foo_id + bar.bar_id + bob.bob_id)?.status }}

edited Aug 16, 2019 at 17:13

answered Aug 16, 2019 at 16:40

igor_c

1,2501 gold badge9 silver badges21 bronze badges

2 Comments

Reza Over a year ago

@igor_c if ids are number, then your original code wasn't working, since you added some numbers, your edit is correct

Jan Bürger Over a year ago

yes, that's why I added 'id' to my id's. not working: id="137"; working: id="id137"

Collectives™ on Stack Overflow

String inside {{ }} as Interpolation Code

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related