jQuery UI Layout Plug-in
johntom opened this issue · 1 comments
Hi Brian,
I've recently taken an old fiddle created by Igor (http://jsfiddle.net/IgorMinar/jfn5z/3/) and updated all libs in the following plunk (
http://plnkr.co/edit/BXFqYzG6iyyHVz5r2KBD?p=preview
) which is working great. I've tried using this with your seed and only get the display below with no errors appearing in console. I've updated the (https://github.com/johntom/angular-socket-io-seed) with the directive and a sample partial called testLayout.js.
Any ideas appreciated,
John
Display:
angular-1.0.5Toggle bodyStatetrue
West
Center
East
South
Hi
I finally figured it out. The example plunker was using the directive as an attribute. I missed that; never using the controller line because I was using partials in my real code. So this is the fix!
Thanks,
John
div( style="height:500px", layout='layout', state='bodyState', ng-init='bodyState = true')
| Hello {{name}}!
.ui-layout-north
| angular-1.0.5.js
button(ng-click='bodyState = !bodyState') Toggle bodyState
| {{bodyState}}
.ui-layout-west
| West
.ui-layout-center
| Center
div(ng-model='date', ui-date='ui-date')
input(ng-model='date', ui-date='ui-date')
p Selected Date: {{ date }}
p Formatted Date: {{ date | date: 'mediumDate'}}
p Selected Month: {{ date.getMonth() }}
.ui-layout-east
| East
.ui-layout-south
| South