AngularJS Example:

by johnlindquist

HTML

<div ng-app="">


    <div ng-controller="FirstCtrl">
        {{message}}
        <div class="button" ng-click="sayHi()">Say hi!</div>
    </div>

    <div ng-controller="SecondCtrl">
        {{message}}
    </div>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundation/3.2.2/stylesheets/foundation.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<style>

JavaScript

function FirstCtrl($scope){
    $scope.message = "Hello"

    $scope.sayHi = function(){
        alert("hi!");
    }
}

function SecondCtrl($scope){
    $scope.message = "Goodbye"
}