title: Cant change JS slider to Angular directive
body: <p>I have problem to change my slider into Angular.
  Here is my code that works:</p>
  
  <pre><code>&lt;div id="main-img" class="main-img"&gt;
      &lt;img id="img" src="image.jpg"&gt;
  &lt;/div&gt;
  &lt;div id="thumb-img" class="thumb-img" &gt;
      &lt;img src='image.jpg' onclick='changeImage("image.jpg");'&gt;
      &lt;img src='image1.jpg'  onclick='changeImage("image1.jpg");'&gt;
  &lt;/div&gt;
   &lt;script&gt;
      function changeImage(a) {
          document.getElementById("img").src=a;
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>And when i need Angular i change it and he is not working:</p>
  
  <pre><code>&lt;div id="main-img" class="main-img"&gt;
          &lt;img id="img" ng-src="{{some.image1}}"&gt;
      &lt;/div&gt;
      &lt;div id="thumb-img" class="thumb-img" &gt;
          &lt;img ng-src='{{some.image1}}'  ng-click='changeImage("{{some.image1}}");'&gt;
          &lt;img ng-src='{{some.image2}}'  ng-click='changeImage("{{some.image2}}");'&gt;
       &lt;script&gt;
          function changeImage(a) {
              document.getElementById("img").src=a;
          }
      &lt;/script&gt;
  </code></pre>
  
  <p>What i'm doing wrong?</p>