AngularJS img bind

<body>

HTML

<link rel="stylesheet" href="bootstrap.css">
<div ng-app>
  <div ng-controller="ImgCtrl">
     <div>
            <img ng-src="{{selectedImg.src}}">
     </div>

        <div>
            <ul ng-repeat="thumb in franchises">
                <li>
                    <img ng-src="{{thumb.images[0].list}}" ng-click="selectedImg.src = thumb.images[0].list" >
                </li>
            </ul>
        </div>
  </div>
</div>

JavaScript

function ImgCtrl($scope) {
 $scope.franchises = [
     {images: [{list: "http://placehold.it/150x150"}, {list: "http://placehold.it/50x150"}, {list: "http://placehold.it/50x150"}] },
     {images: [{list: "http://placehold.it/140x150"}, {list: "http://placehold.it/50x150"}, {list: "http://placehold.it/50x150"}] },
     {images: [{list: "http://placehold.it/130x150"}, {list: "http://placehold.it/50x150"}, {list: "http://placehold.it/50x150"}] }
 ];
    $scope.selectedImg = {};

}