JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/1.2.1/angular.min.js"></script>
<div ng-app ng-controller="ctrl">
	foo: {{x.foo}}
	<div ng-if="x.foo" style="background-color: #f00;">
	    <p>foo</p>
	</div>
	<div ng-if="!x.foo">
		<br/><button ng-click="x.foo = true;">Show foo</button>
	</div>
    <button ng-click="x.foo = true">Show foo</button>
</div>

JavaScript

'use strict';

var ctrl = function ($scope) {
    $scope.x = {
        foo: false
    }
};