1

我正在尝试更新 $http 请求中的全局变量，重定向到新页面，然后打印该变量（出错时）。我不确定我是否正确执行此操作，但是当我尝试打印我的变量 ( $rootscope.adHocLevel2) 时，它仍然为空。在 js 文件中

$scope.searchStep2 = function(option) { 
  $http.post($scope.url, { "option" : option}).
    success(function(data, status) {
      $scope.status = status;
      $scope.data = data;
      $rootScope.response = data; 
      })
    .
    error(function(data, status) {
      $scope.data = data || "Request failed";
      $scope.status = status;   
      $rootScope.response = 'Request failed';
      $rootScope.routeAd = {"route": "../adHoc/adhoc.html"};            
      $rootScope.addHocLevel2 = {"suggestedCategory": "Car","suggestedLocLabel": "world","suggestedShadowURL": "http://www.toyota.com/auris/hybrid"};
      $window.location=$rootScope.routeAd.route;            
});
};

在 Html 我试图打印

<input type="text" ng-model="optLocation" value={{addHocLevel2}} />

提前谢谢

4

1 回答 1

3

根据上面的代码，你有 $window.location = $rootScope.routeAd.route 指向“../adHoc/adhoc.html”。这将重新加载应用程序，因此您会丢失 addHocLevel2 值。

您将需要重定向到其哈希路由路径（例如 #/adhoc） - 根据您的 routeProvider.when("/adhoc") 配置，而不是 ../adHoc/adhoc.html。

此外，我认为在 Angular 的单页应用程序中移动时最好的方法是使用 $location.path(yourRoutePath) 而不是 $window.location ，除非您想完全更改位置（某处的新 URL）。

例如

您有 2 条路线设置：

app.config(function($routeProvider){
    $routeProvider
        .when('/main', { templateUrl:'/main/main.html',controller:'MainCtrl'})
        .when('/adhoc', { templateUrl: '/adHoc/adhoc.html',controller:'AdHocCtrl});
}

然后说你想从 /main 重定向到 /adhoc，它是这样的：

app.controller('MainCtrl',function($rootScope,$scope,$location,$http){
    $http.post(...).error(function(data,status){
       $rootScope.addHocLevel2 = {...};
       $location.path("/adhoc"); // this will 'redirect' you to adHoc/adhoc.html page
    }
})

更新：我更新了你的 plunker：http ://embed.plnkr.co/01lfzd4Q4bFoSPAB4WIF/ 这就是我会做的 - 我相信还有另一种方法。我使用 index.html 作为模板，并将 main.html 和 adhoc.html 作为您可以根据 URL 切换到的另外两个页面。

于 2013-06-03T08:48:31.730 回答