danielepiccone / ng-pageslide

AngularJS sliding panel for serving additional content from off the page
http://danielepiccone.github.io/ng-pageslide/examples/
452 stars 162 forks source link

ui-view remains empty when used within pageslide element #49

Open angel1st opened 9 years ago

angel1st commented 9 years ago

Hi there, When I tried to switch to pageslide directive, I lost ui-view content from https://github.com/angular-ui/ui-router Here is what I did: My origin code snippet:

```
```

here all works just fine - after page rendering, all three ui-views have been injected with expected data. So I decided to put the right ui-view - messaging into pageslide directive. I just amended the code:

```
```

and expected to see the messaging panel on the right. However when switch on the panel (chatOpened is true), I have completely empty panel. Inspecting ui-view within pageslide showed that the content has not been injected into the view - that explains why I see nothing, but it is not clear to me why the content has not been injected... How to make it work?

Best Regards, Angel

KarelCemus commented 8 years ago

+1 for this

@angel1st Have you figured out any workaround?

xmarwin commented 8 years ago

Hello. I had the same issue and luckily found a workaround, that works for me. Try this:

<div class="row" id="myId">
    <div class="col-lg-3">
        <div ui-view="contacts" class="row"></div>
    </div>
    <div class="col-lg-6">
        <div ui-view="calls" class="row"></div>
    </div>

    <pageslide ps-open="chatOpened" ps-container="myId">
        <div ui-view="messaging"></div>
    </pageslide>
</div>