How to redirect to other url when I click on a div using angularjs.can anyone please help me out ...
My html:
<div ng-click="redirectTo()">
<p>Hello</p>
</div>
My js:
angular.module('myApp')
.controller('MainCtrl', ['$scope', '$rootScope',
function ($scope,$rootScope) {
$scope.redirectTo = function(){
===============
}
}]);
If you are using states then use :
<div data-ui-sref="// your state" >
<p>Hello</p>
</div>
Or if you want to use on-click event then use :
angular.module('myApp')
.controller('MainCtrl', ['$scope', '$state',
function ($scope,$state) {
$scope.redirectTo = function(){
$state.go('// you state',null);
}
}
}]);
HTML TEMPLATE
<div ng-click="redirectTo()">
<p>Hello</p>
</div>
angular.module('myApp')
.controller('MainCtrl', ['$scope', '$rootScope','$location',
function ($scope,$rootScope,$location) {
$scope.redirectTo = function(){
$location.url('/home');
}
}]);
