I am trying to the following but it's not working:

<!-- ko foreach: _Poi_Images_List -->
  <img data-bind='attr: {alt: "images/"+ PATH }'  />
<!-- /ko -->  

when I remove the "images/"+ part it works, but as soon as I add it. it messes up with javascript and not the actual PATH i want, and it bees like this:

<span data-bind="attr: {alt: "images/"+ PATH }" alt="images/Poi/function c(){if(0&lt;arguments.length){if(!c.equalityComparer||!c.equalityComparer(d,arguments[0]))c.I(),d=arguments[0],c.H();return this}a.U.La(c);return d}"></span>

any ideas? I have already checked this reference for the concatenation part and I basically did the same: Concatenate Strings in Knockout

thanks

I am trying to the following but it's not working:

<!-- ko foreach: _Poi_Images_List -->
  <img data-bind='attr: {alt: "images/"+ PATH }'  />
<!-- /ko -->  

when I remove the "images/"+ part it works, but as soon as I add it. it messes up with javascript and not the actual PATH i want, and it bees like this:

<span data-bind="attr: {alt: "images/"+ PATH }" alt="images/Poi/function c(){if(0&lt;arguments.length){if(!c.equalityComparer||!c.equalityComparer(d,arguments[0]))c.I(),d=arguments[0],c.H();return this}a.U.La(c);return d}"></span>

any ideas? I have already checked this reference for the concatenation part and I basically did the same: Concatenate Strings in Knockout

thanks

• javascript
• knockout.js

1 Answer 1

You have to unwrap observable when use it in expression. Change your code to this:

<!-- ko foreach: _Poi_Images_List -->
  <img data-bind='attr: {alt: "images/"+ PATH() }'  />
<!-- /ko -->