Question

我目前在我的应用程序中有其他页面导航正常，但我添加了一个新选项卡，当我单击它时，它只是关闭菜单而不是转到页面。我无法理解为什么......谁能看到？

app.js：

 .state('utab.history', {
    url: '/history',
    views: {
      'utab-login': {
        templateUrl: 'templates/history.html',
        controller: 'HistoryCtrl'
      }
    }
  })

控制器：

 $scope.historyClick=function(){
        console.log("historyClick");
        $state.go('utab.history');

    };

.controller('HistoryCtrl', function($scope,$state,AppServer,AppHelper,AppStorage,$http) {
    alert("yo2");
})

导航中的 html 代码：

<ion-item class="item-icon-left" nav-clear="" menu-close="" ui-sref="utab.history" ng-click="historyClick()">
          <i class="icon ion-document"></i>
          <h2 class="menu-text">History</h2>
        </ion-item>

有什么想法吗？

Answer 1

你可能会遇到一些冲突。

菜单关闭，ui-sref，ng-click都可能正在侦听点击事件。如果菜单关闭在处理完之后取消了该事件，那么你就搞砸了。

尝试ng-click="historyClick($event)"并删除menu-close和ui-sref，这样您就可以尝试从$ event获取该项目以关闭菜单并导航。

另一种可能性：将每个指令拆分为单独的DOM元素以处理点击，我认为菜单关闭在更高级别。

Ionic Angular JS导航项目无法导航

1 个答案: