Ionic $ state.go không hoạt động trên thiết bị

Question

Tôi hiện đang làm việc trên một ứng dụng, xây dựng bằng cách sử dụng Ionic. Vấn đề của tôi là $ state.go chỉ hoạt động trong trình duyệt chứ không phải trên điện thoại. Điều này có vẻ là một vấn đề phổ biến, nhưng sau khi đọc rất nhiều câu trả lời cho cùng một câu hỏi, tôi vẫn không thể tìm ra cách khắc phục nó.

Sửa lỗi chung dường như là đảm bảo bạn đang sử dụng URL tương đối như được giải thích tại đây: Using Angular UI-Router with Phonegap nhưng tôi vẫn không thể làm cho nó hoạt động. Tôi đang thiếu gì?

Liên kết đến plunker: http://plnkr.co/edit/qFJ1Ld6bhKvKMkSmYQC8?p=preview

App.js cấu trúc:

.... 
    $stateProvider 
     .state('parent', { 
     url: "/", 
     templateUrl: "parent.html" 
    }) 
    .state('parent.child', { 
     url: "child", 
     templateUrl: "child.html" 
    }) 
    $urlRouterProvider.otherwise("/") 
    }) 
    .... 

Answer 1

Đối state.go để làm việc bạn phải tiêm phụ thuộc $ trạng thái để điều khiển của bạn

app.controller('ParentCtrl', ['$scope', '$state', function($scope, $state) { 
    $scope.$state = $state 
}]); 

app.controller('MenuCtrl', ['$scope', '$state', function($scope, $state){ 

    $scope.goTo = function(){ 
     $state.go('menu.kategorier'); 
    } 

}]); 

và bạn phải đăng ký trạng thái bạn muốn goto trong $ stateProvider

$stateProvider 
.state('menu.kategorier', {...}) 

và để đến trạng thái đó, bạn phải đi từ trạng thái gốc như 'menu' trong trường hợp này. bạn không thể thay đổi trạng thái từ 'parent' thành 'menu.kategorier' nhưng bạn có thể goto 'parent.child' từ 'parent'

Answer 2

Tôi đã giải quyết nó bằng cách thay đổi thiết lập cho chế độ xem lồng nhau, dựa trên ví dụ này: http://codepen.io/mhartington/pen/Bicmo

đây là plunker của tôi, đối với những ai quan tâm:

Plunker: http://plnkr.co/edit/2m5bljMntpq4P2ccLrPD?p=preview

app.js cấu trúc:

$stateProvider 
     .state('eventmenu', { 
     url: "/event", 
     abstract: true, 
     template: "<ion-nav-view name='menuContent'></ion-nav-view>" 
     }) 

     .state('eventmenu.home', { 
     url: "/home", 
     views: { 
     'menuContent' :{ 
      templateUrl: "home.html" 
     } 
     } 
    }) 

    .state('eventmenu.home.home1', { 
    url: "/home1", 
    views: { 
     'inception' :{ 
     templateUrl: "home1.html" 
     } 
    } 
    })