angular empty fiddle

http://angularjs.org/

by Sajeetharan Sinnathurai

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<div ng-controller="myCtrl">

  <div class="col-sm-6 col-md-4" ng-repeat="p in packageList">
    <div class="thumbnail">
      <img ng-src="{{p.packageImageLocation}}" alt="PackageImage">
      <div class="caption">
        <h3>{{p.packageTitle}}</h3>

      </div>
    </div>
  </div>

</div>

JavaScript

angular
  .module('myApp', [])

// controller here
.controller('myCtrl', function($scope) {
  $scope.packageList = [{
    packageTitle: 'A',
    packageImageLocation: 'http://upload.wikimedia.org/wikipedia/commons/a/af/Bonsai_IMG_6426.jpg'
  }, {
    packageTitle: 'B',
    packageImageLocation: 'http://hdwallpaper.freehdw.com/0001/nature-landscapes_widewallpaper_nature-s-beauty_9645.jpg'
  }];

  // this is the model that's used for the data binding in the select directive
  // the default selected item


})