javascript - 以编程方式导航页面，但地址栏 URL 不会更改

Question

我正在使用 J-Query Mobile 和 AngularJS 并且在按下链接时我想将用户导航到它导航的不同页面，但地址栏中的 url 地址不会改变如何解决这个问题。我使用单页面结构

HTML 部分

<a href="" ng-controller="addFoodToLog" ng-click="go()" data-role="button">Add To Log</a>

JS部分

var myApp = angular.module('myApp',[]);

myApp.controller('addFoodToLog',function($scope){
  $scope.go = function() {
    //Here Selected Food Bump In Food Log
    alert("Successfully Add In Your Log");
    $.mobile.changePage('index.html#foodscreen');
  }
});

Answer 1

我解决了我的问题
如果您使用 Angular-JS、JQuery Mobile 以及 Angular JQM Adopter，那么您可以通过更改代码来实现您的要求

myApp.controller('addFoodToLog',function($scope){
    $scope.go = function() {
    //Here Selected Food Bump In Food Log
    alert("Successfully Add In Your Log");
    $.mobile.changePage('index.html#foodscreen');
    }
});

至此

myApp.controller('addFoodToLog',function($scope,$location){
    $scope.go = function() {
    //Here Selected Food Bump In Food Log
    alert("Successfully Add In Your Log");
    $location.hash('foodscreen');
  }
});