title: Placing image over check-box without using css
body: <p>How to change image over check-box during on-click and off-clickin angularjs if on-click and off-click image is coming from server. Here is my javascript code where I'm making request to server.</p>
  
  <pre><code>var url = "http://"+window.localStorage.getItem("ip")+"/api/v1/pins/details/"+userID; 
  console.log(url);
  $http.get(url)
  .success(function(data){
    console.log("groups",data);
    $scope.result = data;
  });
  </code></pre>
  
  <p>and my html code is:</p>
  
  <pre><code>&lt;ul class="list"&gt;
      &lt;li class="item item" ng-repeat="a in result.result | filter: a.groupName=sortby"&gt;
              &lt;!--{{a.alias}}--&gt;
          &lt;label for="a.switchID"&gt;    
            &lt;img style="height:32px;width: 32px;position: absolute;left:6px;top:13px;" class="image" src="http://png.findicons.com/files/icons/1588/farm_fresh_web/32/lightbulb_off.png"/&gt; //this image i have taken from example.
          &lt;/label&gt;  
            &lt;input id="a.switchID" type="checkbox" ng-change="send(a.deviceID,a.pinNumber)" ng-model="value4 "&gt;
            &lt;/div&gt;
      &lt;/li&gt;
    &lt;/ul&gt; 
  </code></pre>
  
  <p>so I"m fetching JSON data from server which has on and off image URL. So how can I change it on click.</p>