就像这样做 在你的HTML中写:

<button ng-click="going()">goto</button>

在你的控制器中，按如下方式添加$state:

.controller('homeCTRL', function($scope, **$state**) {

$scope.going = function(){

$state.go('your route');

}

})

这里有一个没人提到的好建议。在函数所在的控制器中，你需要包含位置提供程序:

app.controller('SlideController', ['$scope', '$location',function($scope, $location){ 
$scope.goNext = function (hash) { 
$location.path(hash);
 }

;]);

 <!--the code to call it from within the partial:---> <div ng-click='goNext("/page2")'>next page</div>

使用自定义属性(用指令实现)可能是最简洁的方法。这是我的版本，基于@Josh和@sean的建议。

angular.module('mymodule', [])

// Click to navigate
// similar to <a href="#/partial"> but hash is not required, 
// e.g. <div click-link="/partial">
.directive('clickLink', ['$location', function($location) {
    return {
        link: function(scope, element, attrs) {
            element.on('click', function() {
                scope.$apply(function() {
                    $location.path(attrs.clickLink);
                });
            });
        }
    }
}]);

它有一些有用的特性，但我是Angular的新手，所以可能还有改进的空间。

另一种解决方案，但不使用ng-click，即使对<a>以外的其他标签也有效:

<tr [routerLink]="['/about']">

这样，您还可以将参数传递给路由:https://stackoverflow.com/a/40045556/838494

(这是我第一天使用angular。欢迎温和的反馈)

你可以使用:

<a ng-href="#/about">About</a>

如果你想在href中使用一些动态变量，你可以这样做:

<a ng-href="{{link + 123}}">Link to 123</a>

其中link是Angular的范围变量。

就像这样做 在你的HTML中写:

<button ng-click="going()">goto</button>

在你的控制器中，按如下方式添加$state:

.controller('homeCTRL', function($scope, **$state**) {

$scope.going = function(){

$state.go('your route');

}

})