Hi All,
I am trying to create tabs inside a tab. But I am lost in the way :(
Below is the piece of code I am using:
*index.html:*
<html>
<nav>
<ul>
<li><a href="#records">Records</a></li>
<li ><a href="#preview">preview</a></li>
<li><a href="#dwnld">download</a></li>
</ul>
</nav>
<div ng-view>
</div>
</html>
*app.js:*
var mrdConfigApp = angular.module('mrdConfigApp', ['ngRoute', 'ngGrid']).
config(['$routeProvider',
function($routeProvider) {
$routeProvider.when('/records, {
templateUrl: 'partials/categories.html',
controller: 'categoryCntrlr'
});
$routeProvider.when('/preview', {
templateUrl: 'partials/action.html',
controller: 'actionCntrlr'
});
$routeProvider.otherwise({
redirectTo: '/records
});
}
]);
In this case it shows 3 tabs. I want to put another 3 tabs in the
categories.html.
*categories.html:*
<ul>
<li><a href="#category">category</a></li>
<li ><a href="#action">action</a></li>
<li><a href="#item">item</a></li>
</ul>
When I click on the inner tabs my inner tabs is not displaying. I want all
these 3 inner tabs to be there on clicking inner tabs.
I am not sure how to do the same using routing.
Can someone please help me for the same. Thanks in advance!!!
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
