AngularJS Template

by Avi Algaly

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
 <body ng-controller="Channels">
     
    <ul>
      <li ng-repeat="channel in channels">
        <p>
        {{$index}}<img ng-src="{{channel.img}}">
        </p>
      </li>
    </ul>
  </body>

CSS

p {
  background-color:lightblue;
  padding-top:25px;
  margin:5px;
  float:left;
}
p img {
  float:right;
  width:50px;
  height:50px;
  float:left;
  margin:20px;
}

JavaScript

function Channels($scope) {
  $scope.groupSize = 4;
  $scope.pageSet = 0;
  $scope.pageNumber = 0;
  $scope.channels = [{
      img: "http://www.ashops.co.il/Shops/shop_1295/products/140/picture_495.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/139/picture_449.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/138/picture_988.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/137/picture_248.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/136/picture_746.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/135/picture_422.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/134/picture_481.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/133/picture_460.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/132/picture_827.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/131/picture_977.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/130/picture_418.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/129/picture_892.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/128/picture_974.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/127/picture_454.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/126/picture_608.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/125/picture_778.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/124/picture_596.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/123/picture_38.jpg"
    },
    {
      img: "http://www.ashops.co.il/Shops/shop_1295/products/122/picture_957.jpg"
    },
    {
      img:...