title: RIVETS.JS - What's the correct syntax in order to resolve a placeholder in html image src?
body: <p>I've created the following page:</p>
  
  <pre><code>&lt;div id="mypage" data-role="page" data-theme="w"&gt;
  &lt;div id="header" data-role="header" class="ui-noboxshadow ui-header-fixed" data-position="fixed"&gt;
  
  &lt;/div&gt;
  &lt;div data-role="content"&gt;       
      &lt;p class="detail-row" style="margin-top: 1em;"&gt;&lt;span class="detail-value"&gt;{mypage.currentDate}&lt;/span&gt;&lt;/p&gt;
      &lt;p class="detail-row" style="margin-top: 1em;"&gt;&lt;span class="detail-value"&gt;&lt;img id="myimage_id" src="{mypage.myimage}" /&gt;&lt;/span&gt;&lt;/p&gt;
      &lt;p class="detail-row" style="margin-top: 1em;"&gt;&lt;span class="detail-value"&gt;{mypage.mytitle}&lt;/span&gt;&lt;/p&gt;
      &lt;p class="detail-row"&gt;&lt;span class="detail-value"&gt;{mypage.mydescription}&lt;/span&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;div id="footer" data-role="footer" data-position="fixed" data-theme="g" class="ui-noboxshadow" data-tap-toggle="false"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>It works well (mypage.currentDate,mypage.mytitle, mypage.mydescription placeholders are resolved correctly) except for mypage.image placeholder: it is not resolved (I obtain this url: <strong>/%7Bmypage.myimage%7D</strong>) </p>
  
  <p>Debugging javascript I saw that mypage.myimage contains the correct value in the model so what's the current syntax in order to resolved my path in img src attribute?</p>
  
  <p><strong>EXAMPLE:</strong></p>
  
  <p>If I try to write: <p>{mypage.myimage}</p> it is correctly translated in <p>/contextroot/images/image.jpg</p> </p>
  
  <p><strong><em>BUT</em></strong> </p>
  
  <p>if I write  it is transformed in <code>&lt;img src="/%7Bmypage.myimage%7D" /&gt;</code></p>
  
  <p><em>It is not translated, the variable is not resolved!</em> </p>