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('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)"

控制器

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

$location.path('/calc');

}

您也可以尝试使用$ state

而不是$location.path('/calc')使用$state.go('tab.calc')

Answer 2

试试这个：

app.config(function($routeProvider) {
    $locationProvider.html5Mode(true);
});

尝试在html头部添加基本标记。 http://www.w3schools.com/tags/tag_base.asp