离子应用程序运行功能在第二次点击

我试图在我的离子应用程序中创建一个具有以下行为的菜单。

1. 轻按一次，显示该菜单项的描述。
2. 再次轻按可进入该页面或运行指定功能。

我确实在模板中硬编码了我的整个菜单，但是如果有一个包含菜单项的对象会更好。这就引出了我的主要障碍，即如何在对象中包含函数。

或

我处理这件事的方式完全错了吗?如果是这样的话，我将非常感谢你的建议。

示例代码为:

angular.module('ionicApp', ['ionic'])
.controller('AppCtrl', function($scope, $state) {
  $scope.menuItems = [{
      "title": "Create a Programe",
      "icon": "ion-compose",
    "description" : "Search and add exercises to your prgoramme before sending to your patient"
/*      "action": "openCreateFullProgrammeModal()"
      "action": $state.go('app/clients')
      "action": $state.go('app/programmes')*/
    }, {
      "title": "My Clients",
      "icon": "ion-android-people",
      "description" : "view all your clients"
/*      "action": "openCreateFullProgrammeModal()"
      "action": $state.go('app/clients')
      "action": $state.go('app/programmes')*/
    }, {
      "title": "Programmes",
      "icon": "ion-clipboard",
      "description" : "Browse your programe library"
/*      "action": "openCreateFullProgrammeModal()"
      "action": $state.go('app/clients')
      "action": $state.go('app/programmes')*/
    }
  ]
});

模板:

  <div class="descriptionArea">
      <p>testing</p>
    </div>
    <div class="home-bottom">
      <div ng-repeat="item in menuItems">
        <ion-item class="item-icon-left home-links" href="#" ng-click="openCreateFullProgrammeModal()">
          <i ng-class="item.icon" class="icon home-link-icon"></i> {{item.title}}
          <i class="icon ion-android-arrow-forward home-icon-right"></i>
        </ion-item>
      </div>
    </div>

可以在这里找到一个codependency

多谢。