My current state setup is nested as follows:
.state('contacts', {
url: '/contacts',
views: {
'': {
templateURL: 'views/contacts.html',
contacts: 'ContactsCtrl'
}
}
})
.state('contacts.view', {
url: '/contacts/:name',
views: {
'': {
templateURL: 'views/contacts-details.html'
}
}
});
The content of contacts.html is:
<section id="contacts-list">
<h1>This is a list of contacts</div>
<article class="contacts" ng-repeat="contact in contacts">(...)</article>
<ui-view/>
</section>
The content of contacts-view.html is:
<h2>{{ contact.name }}</h2>
I have successfully animated the enter and leave events of contacts-view.html, but I am looking to add a slide effect to the #contacts-list container. Any suggestions on how to achieve this?
Thank you!