Angular: Empty Fiddle

http://angularjs.org/

by cambiata

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc2.js"></script>
<link rel="stylesheet" href="http://layout.jquery-dev.net/lib/css/layout-default-latest.css">
<script src="http://layout.jquery-dev.net/lib/js/jquery.layout-latest.js"></script>
    <body layout style="height: 100%">
        <div class="ui-layout-north">
            North scope: {{$id}}
        </div>        
        <div class="ui-layout-west">
            West scope: {{$id}}
        </div>
        <div class="ui-layout-center">
            Center scope: {{$id}}
        </div>
        <div class="ui-layout-south">
            South scope: {{$id}}
        </div>            
    </body>

JavaScript

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

myApp.directive('layout', function() {
    return {
        link: function(scope, elm) {
            elm.layout({ applyDefaultStyles: true });
        }
    };
});