Angular Js - Example Shopping Cart - using ng-repeat

Example Shopping Cart

by Diego Augusto

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<h3>FIFA Mactch Summary:</h3>
<div ng-app ng-controller="MyCtrl">
<div class="row">
   <!--nesse caso o ng-repeat é como se fosse o ui-repeat-->
   <div ng-repeat ="m in items">
      <div class="col-md-4">
         <img class="center-block" id="connectLogo" src="http://www.lojautil.com.br/produtos_fotos/relogio-de-pulso-casio-edifice-ef-543d-7avdf-293-1040-G.jpg" alt="">
         <p> Relogio do Faustão</p>
         <p>R$ 500,00</p>
      </div>
   </div>
</div>

CSS

.center-block{
  width:180px;
  margin-top:20px;
}
p{
  text-align:center;
  margin-top:10px
}

JavaScript

/**Simula uma lista com 6 items para fazer as repetições*/
var m = {
    "Teste": "2",
    "Teste1": "2",
    "Teste2": "3",
    "Teste3": "1",
    "Teste4": "3",
    "Teste5": "2"
};

function MyCtrl($scope) {
    $scope.items = m;
}