Ionic $ state.go डिवाइस पर काम नहीं कर रहा

Question

मैं वर्तमान में एक ऐप पर काम कर रहा हूं, Ionic का उपयोग कर निर्माण कर रहा हूं। मेरी समस्या यह है कि $ state.go केवल ब्राउज़र में काम कर रहा है लेकिन फोन पर नहीं। यह एक आम समस्या प्रतीत होती है, लेकिन एक ही प्रश्न के बहुत सारे जवाब पढ़ने के बाद, मैं अभी भी इसे ठीक करने का तरीका नहीं समझ सकता।

सामान्य फ़िक्स यह सुनिश्चित करने के लिए प्रतीत होता है कि आप यहां समझाए गए सापेक्ष URL का उपयोग कर रहे हैं: Using Angular UI-Router with Phonegap लेकिन मैं अभी भी इसे काम नहीं कर सकता। मैं क्या खो रहा हूँ? plunker को

लिंक: http://plnkr.co/edit/qFJ1Ld6bhKvKMkSmYQC8?p=preview

App.js संरचना:

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

Answer 1

state.go के लिए आप अपने नियंत्रक

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'); 
    } 

}]); 

और आप के लिए $ राज्य निर्भरता इंजेक्षन करने के लिए है काम करने के लिए उस राज्य को पंजीकृत करना है जिसे आप $ राज्य में प्राप्त करना चाहते हैं प्रदाता

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

और उस स्थिति में जाने के लिए आपको इस मामले में 'मेनू' जैसे मूल राज्य से जाना होगा। आप 'menu.kategorier' को 'माता-पिता' से राज्य को नहीं बदल सकते, लेकिन आप 'माता-पिता'

Answer 2

मैं इस उदाहरण पर आधारित है, नेस्टेड दृश्यों के लिए मेरी सेटअप को बदलकर इसे हल से गोटो 'parent.child' कर सकते हैं: http://codepen.io/mhartington/pen/Bicmo

plunker:

यहाँ जो लोग रुचि रखते हैं के लिए मेरे plunker, है http://plnkr.co/edit/2m5bljMntpq4P2ccLrPD?p=preview

app.js संरचना:

$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" 
     } 
    } 
    })