configure ui-route for angularjs

http://plnkr.co/edit/IzimSVsstarlFviAm7S7?p=preview

myApp.config(function ($stateProvider, $urlRouterProvider, $locationProvider) {
    $locationProvider.hashPrefix('');
//to remove the # from the url
    $locationProvider.html5Mode(true);
    $urlRouterProvider.otherwise('/home/data');
 
    $stateProvider

        // HOME STATES AND NESTED VIEWS ========================================
     
     .state('homedata', {
         url: '/home/data',
         title:'student data',
         templateUrl: '/home/GridDataView'   // corresponds to the action method in the home controller returns the view

     })
    .state('NgGridDemo', {
        url: '/NgGrid/data',
        title:'NgGrid Demo',
        templateUrl: '/nggrid/NgGridDemo'

    })