Элемент навигации Ionic Angular JS не перемещается

0

В настоящее время у меня есть другие страницы в моем приложении, которые хорошо переносятся, но я добавил новую вкладку, и когда я нажимаю ее, она просто закрывает меню и не идет на страницу. Я не могу понять, почему... Может ли кто-нибудь увидеть?

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>

Есть идеи?

  • 0
    Как выглядит ваш .state ('utab')?

1 ответ

0
Лучший ответ

Возможно, у вас есть конфликт.

Оба меню-закрыть, ui-sref, ng-click, вероятно, прослушивают событие click. Если меню-закрыть отменить событие после его обработки, вы ввернуты.

Попробуйте ng-click="historyClick($event)" и удалите menu-close и ui-sref, чтобы попытаться получить элемент из $ event, чтобы закрыть меню и перейти.

Другая возможность: поделить каждую директиву в отдельные элементы DOM, чтобы обрабатывать щелчок, с закрытием меню на более высоком уровне, я думаю.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню