title: Click event for List items instead of Button using Angular JS
body: <p>I'm trying to call the function on clicking on List item using Angular JS. But, its not getting called. But, its working for a button. </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div ng-controller="Ctrl"&gt;
      &lt;button class="btn" ng-click="changeLanguage('en')"   translate="BUTTON_LANG_EN" class="ng-scope"&gt;english&lt;/button&gt;
      &lt;button class="btn" ng-click="changeLanguage('de')" translate="BUTTON_LANG_DE" class="ng-scope"&gt;espanol&lt;/button&gt;
  &lt;/div&gt;
  &lt;div class="nav"&gt;
      &lt;div&gt;Select Language&lt;/div&gt;
  
      &lt;ul&gt;
          &lt;li&gt;&lt;img src="img/16.png"&gt;&lt;a href=""&gt;English&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/13.png"&gt;&lt;a href=""  ng-click="changeLanguage('de')"  &gt;Español&lt;/a&gt;&lt;/li&gt;
  
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript</p>
  
  <pre><code>var app = angular.module('at', ['pascalprecht.translate']);
  app.config(function ($translateProvider) {
      $translateProvider.translations('en', { // Translate w.r.t English.
  
          BUTTON_LANG_EN: 'English',
          BUTTON_LANG_DE: 'Espa&amp;ntilde;ol',
          Charcoal:'Charcoal Hoodie',
          CrestCrewNeck:'Crest Crew Neck',
          GeoLoveCrewNeck:'Geo Love Crew Neck',
          NavyHoodie:'Navy Hoodie',
          BrainiacTShirt:'Brainiac T Shirt',
          CrestTShirt:'Crest T Shirt',
          GeometricTShirt:'Geometric T Shirt',
          SellMoreManTShirt:'Sell More Man T Shirt'
  
      });
      $translateProvider.translations('de', { // Translate w.r.t Spanish.
          BUTTON_LANG_EN: 'Englisch',
          BUTTON_LANG_DE: 'Espa&amp;ntilde;ol',
          Charcoal: 'Hoodie carbón',
          CrestCrewNeck:'Cresta del cuello de equipo',
          GeoLoveCrewNeck:'Geo amor del cuello de equipo',
          NavyHoodie:'Hoodie Navy',
          BrainiacTShirt:'Brainiac T Shirt',
          CrestTShirt:'Cresta T Shirt',
          GeometricTShirt:'Geométrico  T Shirt',
          SellMoreManTShirt:'Vender más hombre T Shirt'
      });
      $translateProvider.preferredLanguage('en'); // On page load with English content.
  });
  
  app.controller('Ctrl', function ($scope, $translate) { // Inject $translate.
     $scope.changeLanguage = function (key) {        
      $translate.uses(key); // Based on the Key.
  };
  });
  </code></pre>
  
  <p>Can you please check the code?</p>