Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="https://code.angularjs.org/1.5.5/angular.min.js"></script>
<div ng-controller="MyCtrl">
  
  <div ng-if="bar">
    parent scope - {{data.foo}}
  </div>

  <button ng-click="bar = true">show ng-if contents</button>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

myApp.controller("MyCtrl", function($scope) {
    $scope.data = {
    	foo: "foo"
    };
});