javascript - Angular.js更改位置ng-click

我已经阅读了同一主题的其他文章，但无法自己工作。基本上，我想在ng-click事件中更改应用程序的位置。所以我有这样的html代码:

<button class="button icon-left ion-plus-round button-block button-calm" ng-click="send({{foods.cal}})">
    Add Calories
</button>

Controller 如下所示:

.controller('foodDetailCtrl', function($scope, $stateParams, $location, foods) {
$scope.foods = foods.get($stateParams.foodsId);

$scope.send = function(i) {
// do something with 'i'

$location.path('/calc');

}

})

但是，当我单击html按钮时，该位置会刷新到主页选项卡，好像找不到'/ calc'一样。我尝试了由父文件夹开头的calc，然后加上了文件扩展名，但无法正常工作。
任何帮助深表感谢。

最佳答案

试试这个

在你的HTML

ng-click="send($event, foods.cal)"

控制者

$scope.send = function(event, i) {
event.preventDefault();
// do something with 'i'

$location.path('/calc');

}

您也可以尝试使用$ state

代替$location.path('/calc')使用$state.go('tab.calc')