I am trying to get my dashboard view from template folder when I am loading my app. I am using Ionic frame work.

我在加载我的应用程序时，试图从模板文件夹中获取仪表板视图。我正在使用Ionic frame工作。

My index

我的索引

  


  
    
Recharge Plans
  
  

My app.js

我app.js

    angular.module('starter', ['ionic','starter.controller','starter.service'])

.config(function($stateProvider, $urlRouterProvider) {

$stateProvider
  .state('dash', {
    url: '/dash',
    views: {
      'dash': {
        templateUrl: '/templates/dash.html',
        controller: 'DashCtrl'
      }
    }
  });
$urlRouterProvider.otherwise('/dash');
});

My controller.js

我controller.js

    angular.module('starter.controller',[])

.controller('DashCtrl', function($scope) {
alert("ok");
})

In 'www\templates' I have a file named dash.html.

在“www\模板”中，我有一个名为dash.html的文件。

My dash.html is

我的短跑。html是

  
        

            
                

                  Select Operator
                
                
                  Select
                  Airtel
                  Vodafone
                
                        
            
                

                  Select State
                
                
                  Select
                  West bengal
                  Kolkata
                
            
            
              Search My Plans
            
        
  

But when i hit 'file:///C:/Users/Sanjeev/RechargePlans/www/index.html' in browser then it renders me to 'file:///C:/Users/Sanjeev/RechargePlans/www/index.html#/dash' with a blank view .

但当我点击“文件:///C:/用户/Sanjeev/RechargePlans/www/index”时。在浏览器里的html，然后它呈现给我文件:///C:/用户/Sanjeev/RechargePlans/www/index。一个空白的视图。

What I miss??

我错过什么吗? ?

2 个解决方案

angular.module('starter', ['ionic','starter.controller','starter.service'])

    .config(function($stateProvider, $urlRouterProvider) {

        $stateProvider
            .state('root', {
                url: '/',
                templateUrl: '/templates/tabs.html',
                controller: 'rootCtrl'
                }
             });
            .state('root.dash', {
                url: '/dash',
                views: {
                    'dash': {
                        templateUrl: '/templates/dash.html',
                        controller: 'DashCtrl'
                     }
                }
             });
         $urlRouterProvider.otherwise('/dash');
     });