Example
One collection, two kinds of row. b-repeat-item-id="category" says the item's
category decides which template to use and each candidate carries a matching
b-item-id.
<ul class="itemid-demo">
<li b-repeat="demo.itemid.items" b-repeat-item-id="category">
<span class="demo-swatch metal" b-item-id="metal" b-value="text"
b-attributes="style = color: {{text}};"></span>
<span class="demo-swatch warm" b-item-id="warm" b-value="text"
b-attributes="style = color: {{text}};"></span>
</li>
</ul>
$bindary.appData.demo.itemid = {
items: [
{ text: "Red", category: "warm" },
{ text: "Orange", category: "warm" },
{ text: "Gold", category: "metal" },
{ text: "Silver", category: "metal" }
]
};
Result