Bind attribute

Problem

You need to data-bind a tag attribute, however <img src="{{foo}}"> doesn’t work.

Solution

The reason why the above doesn’t work is because {{foo}} will insert metamorph tags, which results in the following

<script id="metamorph-0-start" type="text/x-placeholder"></script>
http://example.com/foo.png
<script id="metamorph-0-end" type="text/x-placeholder"></script>

What you want to do instead is use {{bindAttr foo}}, which outputs the following

<img src="http://example.com/foo.png" data-bindattr-1="1">