离子按钮点击

时间:2016-04-01 10:46:20

标签: angularjs button ionic-framework angular-ui-router

我的第一页上有一个不同的按钮。我只想点击每个按钮移动到相应的页面。但是这不起作用。我是离子的新手。 Plz帮助。

这是我的controller.js

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

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


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

这是我的app.js

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

});

这是我的tutorials.html页面

   <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>

我想从tutorials.html导航到android.html。我现在有一个空白的android.html页面

2 个答案:

答案 0 :(得分:0)

而不是myfile.open("/FILE_FOLDER/seconds"); 使用button(锚点),而不是想要更改应用程序的状态(路径)。在每个锚点上,您可以使用a指令和相应的ui-sref,这样就可以在那里创建一个必需的stateName标记。

<强>标记

href

答案 1 :(得分:0)

使用$state.go(),您可以转到某个州,而不是像您一样转到模板。

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