JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
  <div ng-controller="myController as ctrl">
    AngularJS {{ ctrl.version }} says foobar is <span ng-show="ctrl.foobar">truthy</span><span ng-hide="ctrl.foobar">falsy</span>
    <div ng-class="{orangeBackg: ctrl.foobar, blueForeg: !ctrl.foobar}">trying ng-class</div>
  </div>
</div>

CSS

body { font: 13px "Lucida Console", Monaco, monospace }
.orangeBackg { background: orange }
.blueForeg { color: dodgerblue }

JavaScript

angular.module("myApp", [])
  .controller("myController", function() {
    var vm = this;

    vm.foobar = [];
    vm.version = angular.version.full;
  });