ng-click change route in angularjs with param

Question

I would like to change the route of an angularjs application build with ionic framework, but the route didn't change

this is my code of app.js

angular.module('starter', ['ionic', 'starter.controllers'])
.state('app.annuaire.menuitempage', {
  url: "/menuitempage/:ID",
  views: {
    'menuContent' :{
      templateUrl: "templates/menuItemPage.html",
      controller: function($stateParams){
      $stateParams.ID  ;
     }
    }
  }
})

.state('app.annuaire', {
  url: "/annuaire",
  views: {
    'menuContent' :{
      templateUrl: "templates/annuaire.html",
      controller: 'MenuItemCtrl'
    }
  }
})

And this is the code of my controller

  angular.module('starter.controllers', [])
  .controller('MenuItemCtrl', function($scope, $http, $location) {
    $scope.itemsMenu = {};

            var responsePromise =   $http.get("http://monguidepratique.com/mobile/getCategories.php?parent_id=0");

            responsePromise.success(function(data, status, headers, config) {
                //alert(data);
                $scope.itemsMenu = data;
            });
            responsePromise.error(function(data, status, headers, config) {
                alert("AJAX failed!");
            });
   $scope.itemClick = function(path){
            alert(1);
            $location.path(path); 

            };  

   })

And this is my html code in annuaire.html

 <div class="col"  ng-click="itemClick('/menuitempage/1628')"><img class="img_menu" src="img/home.png"><p class="titre_center">Accueil</p></div>

Community · Accepted Answer · 2020-06-20 09:12:55Z

3

Try

$location.path(path)

instead of

$state.go(path)

You need to inject $location service into your controller.

Edit

If you are using $state.go - you should to use it next way:

$scope.itemClick = function(id){
  $state.go('app.annuaire.menuitempage', {'ID': id})
};

And HTML:

<div class="col"  ng-click="itemClick(1628)"><img class="img_menu" src="img/home.png"><p class="titre_center">Accueil</p></div>

The first param is state name, not URL, the second is an Object with your params.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Oct 23, 2014 at 16:42

ababashka

2,1011 gold badge15 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

tarek fellah Over a year ago

I tried this solution before, i have no errors now and the page didn't change

ababashka Over a year ago

@tarekfellah: I updated my answer, you can take a look at it.

tarek fellah Over a year ago

I edited my question, following your question to use $location.path(path) in stead of $state.go(path)

tarek fellah · Accepted Answer · 2015-05-04 07:58:54Z

0

I solved my problem

in annuaire.html i changed

itemClick('/menuitempage/1628')

by

itemClick('/app/menuitempage/1628')

and i changed the route name app.annuaire.menuitempage by

app.menuitempage 

.state('app.menuitempage', {
  url: "/menuitempage/:ID",
  views: {
    'menuContent' :{
      templateUrl: "templates/menuitempage.html",
      controller: 'SubMenuCtrl'
    }
  }
})

edited May 4, 2015 at 7:58

answered Oct 23, 2014 at 17:10

tarek fellah

3671 gold badge10 silver badges33 bronze badges

Collectives™ on Stack Overflow

ng-click change route in angularjs with param

2 Answers 2

Edit

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Edit

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related