O'Reilly logo
  • Roma Kuleshov thinks this is interesting:

01 <div id="productsContainer">
02   <div class="listItem" ng-repeat="product in products">
03     <img class="listImg" ng-click="setProduct(product._id)"
04          ng-src="../images/{{product.imagefile}}" />
05     <span class="prodName">{{product.name}}</span>
06     <span class="price">{{product.price|currency}}</span>
07   </div>
08 </div>

From

Cover of Node.js, MongoDB, and AngularJS Web Development

Note

This is the code from products.html. You can use something like this:

<div id="productContainer">
<div class="prodInfo">
<div class="itemTitle">{{product.name}}</div>
<div><img ng-src="../images/{{product.imagefile}}" /> </div>
<div class="prodDesc">{{product.description}}</div>
<div class="fullPrice">{{product.price|currency}}</div>
<div class="cartButton button" ng-click="addToCart(product._id)">
<span>Add To Cart</span>
<img ng-src="../images/cart.png" />
...