Tous les 3 manières de se déplacer vers la nouvelle page cliquez sur le bouton de l'ionique de la barre de navigation ne fonctionnent pas

Idéalement, tous les 3 méthodes devrait marcher.
Cette codepen ci-dessous montre tous les 3 méthodes bien.

Correcte et professionnelle CodePen Démo app

Actuellement, aucun des 3 méthodes de travail; la barre de navigation juste dissappears en cliquant sur le bouton (qui affiche le vide de la barre de navigation), tandis que le noyau de la page reste la même page principale.

Je ne sais pas si c'est un problème de code, ionique question ou, simplement, je ne devrais pas le transit vers une nouvelle page à partir d'une barre de navigation. Le dernier est trop illogique d'accepter que.

Tout genre âmes savoir où la question de mensonge, et m'aider s'il vous plaît?

Mon cœur code de contenu dans index.html

<body animation="slide-left-right-ios7">

        <ion-nav-bar class="bar-light nav-title-slide-ios7"></ion-nav-bar>

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

Le bouton html, j'ai (Note toutes les 3 versions ont été testées séparément)

    <ion-view ng-controller="NavCtrl"> 

     <ion-nav-buttons side="left">
      <button class="button button-icon ion-compose" ng-click="create('tab.newpost')"></button>
      <button class="button button-icon ion-compose" ui-sref="tab.newpost"></button>
      <button class="button button-icon ion-compose" href="/tab/newpost"></button>
     </ion-nav-buttons>

     <ion-content class>
        <!-- Rest of the content body here --> 
     </ion-content> 
    </ion-view>

Code nav.js principalement pour l'état.méthode de création de la

app.controller('NavCtrl', function ($scope, $location, $state, Post, Auth) {
    $scope.post = {url: 'http://', title: ''};

    $scope.create = function(stateName) {
      /* $location.path('/tab/newpost'); */ 
      $state.go(stateName);  /* tried swapping stateName with 'tab.newpost' and func() */
    };
  });

Code pour app.js (fichier de Route)

    var app = angular.module('MyApp', ['ionic','firebase']);

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

        .state('tab', {
          url: '/tab',
          abstract: true,
          templateUrl: 'templates/tabs.html'
        })

        .state('tab.posts', {
          url: '/posts',
          views: {
            'tab-posts': {
              templateUrl: 'templates/tab-posts.html',
              controller: 'PostsCtrl'
            }
          }
        })

        .state('tab.newpost', {
          url: '/newpost',
          views: {
            'tab-newpost':{
              templateUrl: 'templates/tab-newpost.html',
              controller: 'NewCtrl'
            }
          }
        });

        /* + other states .... */

$urlRouterProvider.otherwise('/auth/login');
});

où sont les languettes avec les associés <nav-view> éléments définis?
les onglets sont en séparer fichier html appelé tabs.html, dont les états sont définis dans le app.js (illustré ci-dessus ainsi). Si vous faites référence à l'index.html les lignes sont là pour permettre barre de navigation modèle apparaisse sur les pages et sont actuellement vide pour le moment. Son censé ramasser whatevers dans les autres fichiers html à afficher dans le index.html fichier je suppose, mais theres aucun des tests ou des messages d'erreur.
il y a 3 pièces pour le moteur de routage. Le premier est le contenu qui est affiché. la deuxième est la commande pour sélectionner le contenu à utiliser. le troisième est le contenant que le contenu est inséré dans. Je soupçonne que vous êtes absent le conteneur.
Salut @AndrewCounts Comment puis-je résoudre cela?

InformationsquelleAutor Thinkerer | 2014-08-17

0

Première méthode que vous avez utilisée selon le votre code ressemble à ceci
```
ng-click="create('tab/newpost')"
```
Il devrait être
```
ng-click="create('tab.newpost')"
```
- Merci @Seminda. Mes excuses pour la faute de frappe. J'ai essayé de cette façon, mais l'erreur est toujours là.
InformationsquelleAutor Seminda

je pense que vous avez besoin de modifier les états de nom de sorte que vous pouvez naviguer entre eux

JS:

var app = angular.module('MyApp', ['ionic','firebase']);

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

        .state('tab', {
          url: '/tab',
          abstract: true,
          templateUrl: 'templates/tabs.html'
        })

        .state('tab.posts', {
          url: '/posts',
          views: {
            'tab-posts': {
              templateUrl: 'templates/tab-posts.html',
              controller: 'PostsCtrl'
            }
          }
        })

        .state('tab.newpost', {
          url: '/newpost',
          views: {
            'tab-posts':{            /* the same name of the above state */
              templateUrl: 'templates/tab-newpost.html',
              controller: 'NewCtrl'
            }
          }
        });

        /* + other states .... */

$urlRouterProvider.otherwise('/auth/login');
});

InformationsquelleAutor ahmed wahba

Vous devez vous connecter pour publier un commentaire.