İyonik düğme tıklatıldığında

Question

İlk sayfamda farklı bir düğme var. Sadece her bir düğmeyi tıklatarak ilgili sayfaya gitmek istiyorum.Ancak bu işe yaramıyor.İyonik için yeni. Plz yardımı. İşte

Bu benim app.js benim controller.js

`angular.module('starter.controllers', []) 

.controller('TutorialsCtrl', function($scope) {}) 


    .controller('AndroidCtrl', function($scope,$state) { 
    $scope.create = function() { 
     $state.go('templates/android'); 
    }; 
    });` 

olduğunu

burada

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

    $stateProvider 

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

    // Each tab has its own nav history stack: 

    .state('tab.tutorials', { 
    url: '/tutorials', 
    views: { 
     'tab-tutorials': { 
     templateUrl: 'templates/tutorials.html', 
     controller: 'TutorialsCtrl' 
     } 
    } 
    }) 
    .state('tab.android',{ 
     url:'/tutorials/:tutorialId', 
     views:{ 
     'tab-tutorials':{ 
      templateUrl:'templates/android.html', 
      controller:'AndroidCtrl' 
     } 

     } 
    }) 

    }); 

    // if none of the above states are matched, use this as the fallback 
    $urlRouterProvider.otherwise('/tab/tutorials'); 

}); 

Ben öğreticiler başka yere gitmek istiyorum benim tutorials.html sayfa

<ion-view view-title="Tutorials"> 
    <ion-content class="padding"> 
    <div class="background"> 
     <button class="button button-outline button-positive myandroid" ng-click="create()"> 
     <i class="icon ion-social-android home"></i> 
     <p>Android</p> 
     </button> 
    </div> 
    </ion-content> 
</ion-view> 

olduğunu .html to android.html. Bu an boş bir android.html sayfam var

Answer 1

Yerinea (anchor) uygulamanızın durumunu (yolunu) değiştirmek istediğiniz şekilde kullanın. Ve her bir çapa üzerinde stateName ile ui-sref yönergesini kullanabilirsiniz, böylece oraya gerekli bir href etiketi yaratabilirsiniz. Eğer yaptığımız gibi

Biçimlendirme $state.go() ile

<ion-view view-title="Tutorials"> 
    <ion-content class="padding"> 
    <div class="background"> 
     <a class="button button-outline button-positive myandroid" ui-sref="tab.tutorials"> 
     <i class="icon ion-social-android home"></i> 
     <p>Android</p> 
     </button> 
    </div> 
    </ion-content> 
</ion-view> 

Answer 2

sen bir şablona, ​​bir devlet gidebilirsiniz.

$scope.create = function() { 
    $state.go('tab.android'); 
};