Angular.js 更改点击位置

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

Angular.js 更改点击位置

Angular.js change location ng-click

javascript

angularjs

angularjs-ng-click

在你的 html

控制器

您也可以尝试使用 $state