How to pass object dynamically to attribute in angular

Question

Html:

<coral-item *ngFor="let history of requestHistory" (click)="selectedHistory(history)"
            [title]="history+[selectedRequestType]+requestHistory">
            {{ history[selectedRequestType].Formula }}</coral-item>

where selectedRequestType is variable I want to pass dynamically but how it gets shown as:

[object Object]value[object Object],[object Object][object Object]

You are trying to print an object as string. You might want to check what those object contains and print the according key. Alternativaly, you could override the toString method of your object to return some actual values. — Nicolas
– Nicolas, Commented Feb 6, 2020 at 12:44
It would be easier if you could provide a Stackblitz and tell us which output you were expecting. — Philipp Meissner
– Philipp Meissner, Commented Feb 6, 2020 at 12:51

Draeken · Accepted Answer · 2020-02-06 13:04:12Z

1

You should be able to use the following expression: [title]="history[selectedRequestType].requestHistory"

answered Feb 6, 2020 at 13:04

Draeken

3803 silver badges7 bronze badges

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

1 Comment

Draeken Over a year ago

What was the error? I use similar syntax for attribute binding without error... You could also bind it to a method like this : [title]="getRequestHistory(history)"

Collectives™ on Stack Overflow

How to pass object dynamically to attribute in angular

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related