当$ location.search更新GET参数时避免ng-view“擦除”（更新）

Question

所以我有一个使用传单库实例化的地图对象。地图实例在一个单独的模板创建和路由以这种方式： -

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

app.config(function ($routeProvider) { 

$routeProvider 
    .when('/', { 
     templateUrl: 'views/map.html', 
     controller: 'MapCtrl' 
    }) 
    .otherwise({ 
     redirectTo: '/' 
    }); 

}); 

的问题时，我想处理“搜索/过滤”和控制GET PARAMS反对，我想装上搜索对象时开始地图实例。

下面是我实现的一个简单的过滤函数，它根据用户点击的选定值（在下拉列表中）进行触发。我期望它，但原来（单张）地图对象被“更新”，并从视野中消失

$scope.setFilter = function (fname, fvalue) { 
    console.log("Setting " + fname + " to " + fvalue); 
    var search_string = $location.search(); 
    search_string[fname] = fvalue; 
    $location.search(search_string); 
}; 

浏览器地址栏中的URL得到更新。这不是我想要的。

如何防止发生这种情况或控制此过程，以便地图仍可被看到？

Answer 1

这是因为更新URL params会再次触发路由并导致控制器重新加载。这有一个简单的解决方法。使用属性reloadOnSearch并将其设置为false。当$ location.search（）发生变化时，这将不会重新加载控制器

$routeProvider 
    .when('/', { 
     templateUrl: 'views/map.html', 
     controller: 'MapCtrl', 
     reloadOnSearch: false 
    }) 
    .otherwise({ 
     redirectTo: '/', 
     controller: 'MapCtrl', 
     reloadOnSearch: false 
    }); 

});