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: {{foo}}
	<div ng-if="foo" style="background-color: #f00;">
	    <p>foo</p>
	</div>
	<div ng-if="!foo">
		<br/><button ng-click="$parent.foo = true;">Show foo</button>
	</div>
    <button ng-click="foo = true">Show foo</button>
</div>

JavaScript

'use strict';

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