Угловая конфигурация url не работает с ионным каркасом

Я пытаюсь получить представление панели управления из папки шаблонов при загрузке моего приложения. Я использую работу Ionic frame.Угловая конфигурация url не работает с ионным каркасом

Моего индекса

<body ng-app="starter"> 

<ion-pane> 
    <ion-header-bar class="bar bar-header bar-dark main-header"> 
    <h1 class="title main-header-title"><strong>Recharge Plans</strong></h1> 
    </ion-header-bar> 
    <ion-nav-view></ion-nav-view> 
</ion-pane>

Моего 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'); 
});

Моего controller.js

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

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

В 'www \ templates' У меня есть файл с именем dash.html.

Мой dash.html является

<ion-view ng-controller="DashCtrl"> 
    <ion-content> 
     <div class="list searc-panel"> 
      <label class="item item-input item-select"> 
       <div class="input-label"> 
        Select Operator 
       </div> 
       <select> 
        <option>Select</option> 
        <option>Airtel</option> 
        <option>Vodafone</option> 
       </select> 
      </label>    
      <label class="item item-input item-select"> 
       <div class="input-label"> 
        Select State 
       </div> 
       <select> 
        <option>Select</option> 
        <option>West bengal</option> 
        <option>Kolkata</option> 
       </select> 
      </label> 
      <button class="button button-full button-positive"> 
       Search My Plans 
      </button> 
     </div> 
    </ion-content> 
</ion-view>

Но когда я нажимаю 'файла: /// C: /Users/Sanjeev/RechargePlans/www/index.html' в браузере, то он оказывает мне 'file: /// C: /Users/Sanjeev/RechargePlans/www/index.html#/dash' с пустым представлением.

Что мне не хватает ???

источник

2015-03-09 Debasis chakraborty

любая ошибка консоли? – V31

Если вы собираетесь назвать свое мнение с ионным, то ваш ионом-вид вкладки HTML должен выглядеть следующим образом:

<ion-nav-view name="you-view-name"></ion-nav-view>

Обычно с Ионным приложения есть корень состояние и все стебли от этого, так :

app.js файл:

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'); 
    });

index.html:

<ion-nav-view></ion-nav-view>

tabs.html:

<ion-nav-view name="dash"></ion-nav-view>

В любом случае, если вы назвали ваши взгляды их ваш ионным вид HTML тег должен иметь имя атрибута с именем представления в нем.

Надеется, что это помогает

источник

2015-03-09 06:14:06

вы не должны запускать ионное приложение, "файл: /// C: /Users/Sanjeev/RechargePlans/www/index.html". вы должны использовать ионный инструмент cli для запуска вашего ионного проекта. Перейдите в cmd>, перейдите в папку проекта и запустите ionic serve, и вы сможете увидеть выход.

источник

2015-03-09 06:49:53 Kamran

Угловая конфигурация url не работает с ионным каркасом

ответ

Смежные вопросы