Angularjs в IONIC, абстрактные маршруты

Question

Angularjs в IONIC, абстрактные маршруты

0

Я пытаюсь изучить абстрактные маршруты в IONIC. Но у меня проблема в моем коде. На маршруте есть ошибки, но структура проекта. кто-нибудь знает, чтобы проверить?

МОЙ ФАЙЛ ROUTES.JS

angular.module('starter')
    .config(function($stateProvider, $urlRouterProvider){

    $urlRouterProvider.otherwise("/menu/listagem");
    $stateProvider


    .state("menu",{
        url:"/menu",
        templateUrl:'templates/menu.html',
        abstract:true,
        controller:'listagemController'
    })

     .state("menu.listagem", {
        url: '/listagem', 
        views:{
            'menuContent':{
                templateUrl:'templates/listagem.html'
            }
        }

     });ngular.module('starter')
    .config(function($stateProvider, $urlRouterProvider){

    $urlRouterProvider.otherwise("/menu/listagem");
    $stateProvider


    .state("menu",{
        url:"/menu",
        templateUrl:'templates/menu.html',
        abstract:true,
        controller:'listagemController'
    })

     .state("menu.listagem", {
        url: '/listagem', 
        views:{
            'menuContent':{
                templateUrl:'templates/listagem.html'
            }
        }

     });

МОЙ ФАЙЛ menu.html

<ion-side-menus enable-menu-with-back-views="true">

    <ion-side-menu-content>

        <ion-nav-bar class="bar-positive">
            <ion-nav-back-button>
            </ion-nav-back-button>

            <ion-nav-buttons side="left">
                <button class="button button-clear button-icon light ion-navicon" menu-toggle="left"></button>
            </ion-nav-buttons>
        </ion-nav-bar>

        <ion-nav-view name="menuContent"></ion-nav-view>
    </ion-side-menu-content>

    <ion-side-menu side="left">

    <ion-header-bar class="bar-positive">
        <h1 class="title">Menu</h1>
    </ion-header-bar>

        <ion-content>

        <ion-list>
            <ion-item href="#/menu/home" menu-close>Home</ion-item>
            <ion-item href="#/menu/login" menu-close>Login</ion-item>
            <ion-item href="" menu-close>Sair</ion-item>
        </ion-list>

        </ion-content>

    </ion-side-menu>

</ion-side-menus>

МОЙ ФАЙЛ listagem.html

   <ion-view>

<ion-nav-title>Plantas Medicinais</ion-nav-title>

<ion-content>

<h1="title">SUCESS</h1>


</ion-content>  

</ion-view>

Kevin Jhon 06 сен. 2016, в 05:53

Источник

0

почему вы разместили код ROUTES.JS 2 раза. в какой строке показывается ошибка?
Anuj 06 сен. 2016, в 04:38
0

На маршруте нет конкретной ошибки. консоли ничего не показывают. Ошибка МОЖЕТ быть в структуре проекта
Kevin Jhon 06 сен. 2016, в 04:44
0

Попробуйте мой код, которым я поделился, и поделитесь вашей консолью, если произошла ошибка
Anuj 06 сен. 2016, в 05:18

Показать ещё 1 комментарий

Теги:

javascript

ionic-framework

angularjs

angular-ui-router

js-routes

1 ответ

Ещё вопросы

почему вы разместили код ROUTES.JS 2 раза. в какой строке показывается ошибка?
На маршруте нет конкретной ошибки. консоли ничего не показывают. Ошибка МОЖЕТ быть в структуре проекта
Попробуйте мой код, которым я поделился, и поделитесь вашей консолью, если произошла ошибка

Anuj · Answer 1 · 2016-09-06T03-19-00.000Z

Попробуйте это в ROUTE.JS

angular.module('starter', ['ionic'])
.config(function($stateProvider, $urlRouterProvider,$httpProvider) {

   $httpProvider.defaults.headers.common = {};
  $httpProvider.defaults.headers.post = {};
  $httpProvider.defaults.headers.put = {};
  $httpProvider.defaults.headers.patch = {};
  $stateProvider
    .state('menu', {
      url: "/menu",
      abstract: true,
      templateUrl: "templates/menu.html",
      controller: 'listagemController'
    })

    .state('menu.listagem', {
      url: "/listagem",
      views: {
        'menuContent' :{
          templateUrl: "templates/listagem.html"
        }
      }
    })

  $urlRouterProvider.otherwise('/menu/listagem');
});

In MENU.HTML write 

<ion-side-menus>
  <ion-side-menu-content>
    <ion-nav-bar class="bar-light nav-title-slide-ios7">
      <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i> Back</ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
  </ion-side-menu-content>
  <ion-side-menu side="left">   
    <ion-content class="gem-sidebar dark">
        <ion-list>
            <ion-item href="#/menu/home" menu-close>Home</ion-item>
            <ion-item href="#/menu/login" menu-close>Login</ion-item>
            <ion-item href="" menu-close>Sair</ion-item>
        </ion-list>          
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

Не удача Я думаю, что ошибка в структуре HTML