btford/angular-socket-io-seed

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