title: error Unnecessary use of boolean literals in conditional expression no-unneeded-ternary
body: <p>I am trying this <a href="https://www.aspsnippets.com/Articles/AngularJS-Show-Hide-Toggle-HTML-DIV-on-Button-click-using-ng-show-and-ng-hide.aspx" rel="noreferrer">code</a> in <a href="https://atom.io/" rel="noreferrer">atom</a> with <a href="http://eslint.org/" rel="noreferrer">ESLint</a></p>
  
  <p>Code snippet:</p>
  
  <pre><code>$scope.IsVisible = false;
  $scope.ShowHide = function () {
    $scope.IsVisible = $scope.IsVisible ? false : true; // error
  };
  </code></pre>
  
  <p>Got this ESLint error:
  error Unnecessary use of boolean literals in conditional expression  no-unneeded-ternary</p>
  
  <p>Tried with these solutions <a href="https://stackoverflow.com/questions/35702328/eslint-error-no-unneeded-ternary">solution 1</a> and <a href="http://eslint.org/docs/rules/no-unneeded-ternary" rel="noreferrer">solution 2</a>, but error is not fixed. Furthermore, <a href="https://www.aspsnippets.com/Articles/AngularJS-Show-Hide-Toggle-HTML-DIV-on-Button-click-using-ng-show-and-ng-hide.aspx" rel="noreferrer">code</a> works fine in editor without ESLint.</p>