Question

我正在尝试使用Ionic创建我的第一个应用程序。我有一些app.js文件中定义的选项卡。

  .state('tab.dash', {
    url: '/dash',
    views: {
      'tab-dash': {
        templateUrl: 'templates/tab-dash.html',
        controller: 'DashCtrl'
      }
    }
  })
  .state('tab.chats', {
      url: '/chats',
      views: {
        'tab-chats': {
          templateUrl: 'templates/tab-chats.html',
          controller: 'ChatsCtrl'
        }
      }
    })
  .state('tab.audioplayer', {
      url: '/audioplayer',
      views: {
        'tab-audioplayer': {
          templateUrl: 'templates/tab-audioplayer.html',
          controller: 'ExampleController'
        }
      }
    })

在最后一个标签中，我不想打开像当前显示的tab-audioplayer.html这样的新页面。相反，我想调用一个函数说MyFunction（）驻留在＆＃34; ChatsCtrl＆＃34;控制器（前一个），它执行一些值赋值。我是新手，当点击标签图标时，我不知道如何调用功能而不是打开选项卡。

Answer 1

不要在模板中使用ion-tab指令，只需使用<a>标记并在其上放置ng-click - 它应该适合您的<ion-tabs>容器，并相应的样式（可以给它.tab-item）。我相信ion-tab指令会阻止任何其他操作发生在click事件中。

直接从Ionic选项卡调用函数 - angularjs

1 个答案: