Concatenating output parameter value and binding expression

Question

In my template I have the following block of code which has a loop from which I'm displaying a datepicker,

<tbody>
  <tr *ngFor="let item of purchaseOrderService.purchases">
   <td>
    <date [(ngModel)]="item.purchasedDate" [validationData]="validationObj.group.chkDate"></date>
   </td>
  </tr>
</tbody>

Now I need to concatenate a value of item object along with validationObj.group.chkDate for which when I tried like this,

[validationData]="validationObj.group.chkDate.{{item.datePurchased}}"></date>

It is throwing some template errors, Any idea how to achieve the concatenation?

Just a quick note, shouldn't you mention *ngFor for <tr> tag instead of tbody? — Rohit Ramname
– Rohit Ramname, Commented Nov 28, 2017 at 16:23

Pankaj Parkar · Accepted Answer · 2017-11-28 16:29:54Z

2

Using {{}}(interpolation) inside property binding will not allowed by Angular parser. But in this case for getting specific property value you can't use this expression, this will result into an error.

Rather I'd recommend you to access Object by its key.

[validationData]="validationObj.group.chkDate[item.datePurchased]"

edited Nov 28, 2017 at 16:29

answered Nov 28, 2017 at 16:16

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

1 Comment

David R Over a year ago

Awesome Pankaj! :-)

Collectives™ on Stack Overflow

Concatenating output parameter value and binding expression

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