How to concat binding value with different variables in Angular?

Question

I want to concat different variables but I am getting parse error;

Parser Error: Got interpolation ({{}}) where expression was expected

Is there any way to concat a binding variable like below?

<ng-template let-item="item">
    <input type=text [src]="myObject.urls.{{item.id}}">
</ng-template>

EDIT: What I want to get is like;

<input type=text [src]="myObject.urls.33322222">

I got an object;

myObject = {urls: {33322222: "someUrlValue"}};

[src]="'myObject.urls.' + item.id" or src="myObject.urls.{{item.id}}"? — Roddy of the Frozen Peas
– Roddy of the Frozen Peas, Commented May 9, 2018 at 15:04

bugs · Accepted Answer · 2018-10-21 14:21:30Z

3

You can use square brackets to access computed object properties:

<input type=text [src]="myObject.urls[item.id]">

answered May 9, 2018 at 15:04

bugs

15.4k6 gold badges53 silver badges55 bronze badges

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

1 Answer 1