title: AngularJS: Conditional Statements not working in angular JS method of controller
body: <p>I have a below code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html data-ng-app&gt;
  &lt;head&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;style&gt;
  .menu-disabled-true {
  color: gray;
  }
  .menu-disabled-false {
  color: red;
  }
  
  .menu-disabled-green {
  color: green;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body &gt;
  &lt;script src="angular.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  function DeathrayMenuController($scope) {
  $scope.isDisabled = false;
  $scope.stun = function() {
  // stun the target, then disable menu to allow regeneration
  if($scope.isDisabled == 'false'){
      $scope.isDisabled = 'true';
  }else if($scope.isDisabled == 'true'){
         $scope.isDisabled = 'green';
  }
  };
  }
  &lt;/script&gt;
  &lt;div ng-controller='DeathrayMenuController'&gt;
  &lt;ul&gt;
  &lt;li class='menu-disabled-{{isDisabled}}' ng-click='stun()'&gt;Stun&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;&lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Now, whenever I click on the <strong>Stun</strong> <code>&lt;li&gt;</code> then i expect it to change color as per method inside the controller.</p>
  
  <p>Can Someone help me in understanding why it isnt working?</p>