<!DOCTYPE html>
<html lang="en" ng-app="gemStore">
<head>
  <meta charset="UTF-8">
  <title>Angular.js training</title>
  <link rel="stylesheet" type="text/css" href="public/css/bootstrap.min.css">
</head>
<body ng-controller="StoreController as store">
  <div ng-repeat="product in store.product" ng-hide="product.soldOut">
    <h1>
      {{product.name}}
    </h1>
    <h2>
      ${{product.price}}
    </h2>
    <p>
      {{product.description}}
    </p>
    <button ng-show="product.canPurchase">
      Button text
    </button>
  </div>

  <script type="text/javascript" src="public/js/angular.min.js"></script>
  <script type="text/javascript" src="public/js/app.js"></script>
</body>
</html>

<!DOCTYPE html>
<html lang="en" ng-app="gemStore">
<head>
  <meta charset="UTF-8">
  <title>Angular.js training</title>
  <link rel="stylesheet" type="text/css" href="public/css/bootstrap.min.css">
</head>
<body ng-controller="StoreController as store">
  <div ng-repeat="product in store.product" ng-hide="product.soldOut">
    <h1>
      {{product.name | uppercase}}
    </h1>
    <h2>
      {{product.price | currency:"UAH"}}
    </h2>
    <p>
      {{product.description}}
    </p>
    <button ng-show="product.canPurchase">
      Button text
    </button>
  </div>

  <script type="text/javascript" src="public/js/angular.min.js"></script>
  <script type="text/javascript" src="public/js/app.js"></script>
</body>
</html>

Work with filters: uppercase, currency
Work with filters: uppercase, currency
