AngularJs 7/11


#1




problem in this exercise, m not getting the cover photos of the individual product






<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>





Book End



<div class="main" ng-controller="MainController">
  <div class="container">

    <h1>{{ title }}</h1>
    <h2>{{ promo }}</h2>

    <div ng-repeat="products in products" 	               		 class="col-md-6">
      <div class="thumbnail">
        <img ng-src="{{ product.cover }}">
        <p class="title">{{ product.name | uppercase}} </p>
        <p class="price">{{ product.price | currency}} </p>
        <p class="date"> {{ product.pubdate | date }}</p>
      </div>
    </div>

  </div>
</div>

<div class="footer">
  <div class="container">
    <h2>Available for iPhone and Android.</h2>
    <img src="https://s3.amazonaws.com/codecademy-content/projects/shutterbugg/app-store.png" width="120px" />
    <img src="https://s3.amazonaws.com/codecademy-content/projects/shutterbugg/google-play.png" width="110px" />
  </div>
</div>


<!-- Modules -->
<script src="js/app.js"></script>

<!-- Controllers -->
<script src="js/controllers/MainController.js"></script>



#2

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.