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');
  }
});