> > Thanks that worked. Now I am stuck in another problem. First level view is >> working fine, but nested views aren't. Please check the files to see what I >> am doing wrong - >> > index.html
<!DOCTYPE html> <html ng-app="ox-admin" xmlns="http://www.w3.org/1999/xhtml";> <head> <script src="Scripts/jquery-1.9.1.js"></script> <script src="Scripts/angular.js"></script> <script src="Scripts/angular-resource.js"></script> <script src="Scripts/angular-route.js"></script> <script src="Scripts/angular-ui-router.min.js"></script> <script src="js/app.js"></script> <script src="js/controllers.js"></script> <link rel="stylesheet" type="text/css" href="Content/bootstrap.css" /> <title>OmniExchange - Administrator</title> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-md-2"> <!--Body content--> <ul class="phones"> <li><a ui-sref="regTemplate">Register Template</a></li> <li><a ui-sref="regDevice">Register Device</a></li> <li><a ui-sref="regService">Register Services</a></li> <li><a ui-sref="confAuth">Configure Authentication</a></li> <li><a ui-sref="confInt">Configure Integrations</a></li> </ul> </div> <div class="col-md-10" ui-view> </div> </div> </div> </body> </html> app.js /* App Module */ var oxadminApp = angular.module('ox-admin', [ 'ui.router', 'oxadminControllers' ]); oxadminApp.config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise('/htmls'); $stateProvider .state('regTemplate', { url: '/regTemplate', templateUrl: '/htmls/regTemplate.html' }) .state('regDevice', { url: '/regDevice', templateUrl: '/htmls/regDevice.html' }) .state('regService', { url: '/regService', templateUrl: '/htmls/regService.html' }) .state('confAuth', { url: '/confAuth', templateUrl: '/htmls/confAuth.html' }) .state('confInt', { url: '/confInt', templateUrl: '/htmls/confInt.html' }) .state('regTemplate.rtGenInfo', { url: '/rtGenInfo', templateUrl: '/htmls/rtGenInfo.html' }) .state('regTemplate.rtDataDef', { url: '/rtDataDef', templateUrl: '/htmls/rtDataDef.html' }) .state('regTemplate.rtDocDef', { url: '/rtDocDef', templateUrl: '/htmls/rtDocDef.html' }) .state('regTemplate.rtAddTask', { url: '/rtAddTask', templateUrl: '/htmls/rtAddTask.html' }); }); regTemplate.html Detailed view for registering templates. <div ng-controller="ctrl-regTemplate"> <ul class="phones"> <li><a ui-sref=".rtGenInfo">General Info</a></li> <li><a ui-sref=".rtDataDef">Define Data-fields</a></li> <li><a ui-sref=".rtDocDef">Define Doctypes</a></li> <li><a ui-sref=".rtAddTask">Add Tasks</a></li> </ul> </div> <div ui-view></div> Ideally it should show rtGenInfo.html next to the Register Template menu, but it's not doing that. Thanks Nitin -- 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.
