Angular: Empty Fiddle

http://angularjs.org/

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>
<div>
    Outside scope: {{$id}}
    <div layout style="height: 100px">
        <div class="ui-layout-west">
            West scope: {{$id}}
        </div>
        <div class="ui-layout-center">
            Center scope: {{$id}}
        </div>
    </div>
</div>

JavaScript

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

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