2016-02-12 48 views
1

另一个URL路径如何重定向到其他URL,当我在一个div上单击使用angularjs.can请人帮我出的点击...在一个div应在angularjs

我的HTML:

<div ng-click="redirectTo()"> 
    <p>Hello</p> 
    </div> 

My js: 



    angular.module('myApp') 
    .controller('MainCtrl', ['$scope', '$rootScope', 
          function ($scope,$rootScope) { 

     $scope.redirectTo = function(){ 

     =============== 

     } 
}]); 

回答

2

如果您正在使用的状态,然后使用:

<div data-ui-sref="// your state" > 
    <p>Hello</p> 
</div> 

或者,如果你想使用on-click事件再使用:

angular.module('myApp') 
.controller('MainCtrl', ['$scope', '$state', 
         function ($scope,$state) { 
$scope.redirectTo = function(){ 
    $state.go('// you state',null); 
} 
    } 
}]); 

HTML模板

<div ng-click="redirectTo()"> 
    <p>Hello</p> 
</div> 
+0

非常感谢你的帮助 – dev777

+0

你应该通过这个[ui-sref](http://angular-ui.github.io/ui-router/site/#/api /ui.router.state.directive:ui-sref) –

1
angular.module('myApp') 
    .controller('MainCtrl', ['$scope', '$rootScope','$location', 
          function ($scope,$rootScope,$location) { 

     $scope.redirectTo = function(){ 

     $location.url('/home'); 

     } 
}]);  
+0

在这里,我应该在哪里控制器 – dev777

+0

我得到$位置使用$位置没有定义错误 – dev777

+0

内部控制器,你可以使用。你需要在控制器中注入$ location。 .controller('MainCtrl',['$ scope','$ rootScope','$ location', function($ scope,$ rootScope,$ location) –