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

Question

我已经阅读了一些关于同一主题的其他帖子，但无法让自己的帖子发挥作用。基本上，我希望我的应用程序的位置在 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 前面是父文件夹，后面是文件扩展名，但无法让它工作。非常感谢任何帮助。

Answer 1

试试这个

在你的 html 中

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

Controller

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

$location.path('/calc');

}

你也可以尝试使用 $state

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