Angular&&

by Andre Figueiredo

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script>
<script>
  angular.module('App', ['ngAnimate']);
</script>
<div ng-app="App">
  <p>
    <input type="checkbox" id="hello" ng-model="hello">
    <label for="hello">Say Hello!</label>
  </p>
  <p>
    <input type="checkbox" id="not" ng-model="not">
    <label for="not">Say Not!</label>
  </p>
  <h1 ng-show="hello">Hello!</h1>
  <h1 ng-show="not">Not!</h1>
  <h1 ng-show="hello&&!not">Hello! (and not Not)</h1>
  <h1 ng-show="!hello&&not">not! (and not Hello)</h1>
</div>