index.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <!DOCTYPE html>
  2. <html ng-app="store">
  3. <head lang="en">
  4. <meta charset="UTF-8">
  5. <title>AngularJS Store</title>
  6. <link rel="stylesheet"
  7. type="text/css"
  8. href="../bootstrap/dist/css/bootstrap.min.css"/>
  9. <link rel="stylesheet" type="text/css" href="app.css"/>
  10. <script type="text/javascript" src="../angular/angular.min.js"></script>
  11. <script type="text/javascript" src="app.js"></script>
  12. <script type="text/javascript" src="products.js"></script>
  13. </head>
  14. <body ng-controller="StoreController as store">
  15. <!-- Products Container -->
  16. <div class="list-group" ng-hide="store.product.soldOut">
  17. <!-- Product container -->
  18. <div class="list-group-item" ng-repeat="product in store.products">
  19. <h3 product-title></h3>
  20. <product-panels></product-panels>
  21. <!-- Image Gallery -->
  22. <div class="gallery" ng-show="product.images.length">
  23. <img class="img img-circle img-thumbnail center-block"
  24. ng-src="{{product.images[0]}}"/>
  25. <ul class="clearfix">
  26. <li class="small-image pull-left thumbnail"
  27. ng-repeat="image in product.images"><img ng-src="{{image}}"/></li>
  28. </ul>
  29. </div>
  30. </div>
  31. </div>
  32. </body>
  33. </html>