ionic $scope.go not working on device

Question

Have configured a new project on latest ionic with blank template

$state.go('post.request'); in LoginCtrl is working in browser but not when I run on phone (S4 android 5.0)

Have checked logcat for any errors but its clean.

This is the template

<div class="bar bar-header bar-assertive">
  <h1 class="title">HRC Karaoke</h1>
</div>

<div class="list padding has-header">
    <button class="button button-stable fullwidth" ng-click="checkLogin();">
      Login with Facebook
    </button>
</div>

the controller

angular.module('hrc.controllers', [])

    .controller('LoginCtrl', function ($scope, $state) {
        $scope.checkLogin = function () {
            $state.go('post.request');
        };
    })
    .controller('RequestCtrl', function ($scope) {
        console.log("request");
    });

And app file

angular.module('hrc', ['ionic', 'hrc.controllers', 'ui.router'])
    .run(function ($rootScope, $state) {
    })

    .config(function ($stateProvider, $urlRouterProvider, $stateProvider) {
        $stateProvider
            .state('pre', {
                url: "/pre",
                abstract: true,
                views: {
                    'main': {
                        templateUrl: "t/pre/pre.html",
                        controller: "StartCtrl"
                    }
                }
            })
            .state('pre.login', {
                url: "/login",
                views: {
                    'preContent': {
                        templateUrl: "t/pre/login.html",
                        controller: "LoginCtrl"
                    }
                }
            })
            .state('post', {
                url: "/post",
                abstract: true,
                views: {
                    'main': {
                        templateUrl: "t/post/post.html",
                        controller: "PostCtrl"
                    }
                }
            })
            .state('post.request', {
                url: "/request",
                views: {
                    'postContent': {
                        templateUrl: "/t/post/request.html",
                        controller: "RequestCtrl"
                    }
                }
            })
        $urlRouterProvider.otherwise('/pre/login');
    });

is `checklogin` function is fired? – shamon shamsudeen Mar 17 '15 at 04:07 — shamon shamsudeen, Mar 17 '15 at 04:07

score 4 · Accepted Answer · edited May 23 '17 at 10:29

4

Your template URL must be relative :

"/t/post/request.html" => "t/post/request.html"

Explanation here :

Using Angular UI-Router with Phonegap

edited May 23 '17 at 10:29

Community

1
1

answered Apr 01 '15 at 20:05

Mabdylon

56
4

Are you asking or its the answer? – Shaiful Islam Apr 01 '15 at 20:13
Wow this worked! ...So I guess urls have to be relative because in browser environment, root is from www, but in app its a level above that? – Anuj Kothari Apr 02 '15 at 12:01

ionic $scope.go not working on device

1 Answers1