mirror of
https://github.com/wahyd4/Libr-mobile.git
synced 2026-08-09 12:55:56 +10:00
28 lines
1.1 KiB
HTML
28 lines
1.1 KiB
HTML
<div class="row">
|
|
<div class="span3">
|
|
<div class="pa-sidebar well well-small">
|
|
<ul class="nav nav-list">
|
|
<li ng-class="{ active: $state.includes('contacts.list') }"><a ui-sref="contacts.list">All Contacts</a></li>
|
|
<li class="nav-header">Top Contacts</li>
|
|
|
|
<!-- This <li> will only add the 'active' class if 'contacts.detail' or its descendants are active
|
|
AND if it is the link for the active contact (aka contactId) -->
|
|
<li ng-repeat="contact in contacts | limitTo:2"
|
|
ng-class="{ active: $state.includes('contacts.detail') && $stateParams.contactId == contact.id }">
|
|
|
|
<!-- Here's a ui-sref that is also providing necessary parameters -->
|
|
<a ui-sref="contacts.detail({contactId:contact.id})">{{contact.name}}</a>
|
|
</li>
|
|
</ul>
|
|
<hr>
|
|
<button class="btn" ng-click="goToRandom()">Show random contact</button>
|
|
|
|
<!-- Another named view -->
|
|
<div ui-view="menuTip"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Our unnamed main ui-view for this template -->
|
|
<div ui-view class="span9" ng-animate="{enter:'fade-enter'}"></div>
|
|
</div>
|