Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    {{ clicked }}
    <div class="outer" ng-click="toggle()">
        <div class="inner">You can click through me</div>
    </div>
</div>

CSS

.outer {
    width: 300px;
    height: 300px;
    background-color: gray;
    position: relative;
}
.inner {
    width: 100%;
    height: 100px;
    bottom: 10px;
    position: absolute;
    background-color: black;
    color: white;
}

JavaScript

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

function MyCtrl($scope) {
    $scope.clicked = true;
    $scope.toggle = function () {
        $scope.clicked = !$scope.clicked;
    }
}