当前位置: 首页 > 面试题库 >

如何使用Angular $ location通过动态更改其键值参数来设置新的url位置?

谷泽宇
2023-03-14
问题内容

假设我有一个RESTful端点,该端点接受一系列构面来查询数据。以下是一些示例:

example.com/search?type=Doctor&location=Boston,MA&radius=2  
example.com/search?type=Facility&location=Wayne,NJ&radius=3&gender=f  
example.com/search?type=Doctor&location=Patterson,NJ

我的模块接受查询对象来执行搜索:

console.log(query);
{
  type:'Doctor',
  location:'Boston,MA',
  radius:'2'
}

$scope.getSearch = function(query){
  var search = $search.search(query);
  search.getResults(function(results){
    $scope.results = results;
  });
}

这些方面正在通过Web表单的本地模型传递:

 <input type="text" ng-model="query.location"/>
 <input type="text" ng-model="query.radius"/>
 <button type="button" ng-click="getSearch(query)">Search</button>

在该getResults函数的成功回调中,我试图像上面的示例一样将查询参数附加到URL:

$scope.getSearch = function(query){
  var search = $search.search(query);
  search.getResults(function(results){
    $scope.results = results;
    search.appendQueryToURL(query);
  });
}

如何在AngularJS中动态附加URL参数?


问题答案:

使用$ location

$location.path('/newValue').search({key: value});

对于Non AngularJS应用程序:

您可以使用history.js将参数动态附加到URL。然后分割网址以获取参数并传递给angular:

History.replaceState({state:1}, "State 1", "?Param1=something");

我建议将history.js作为IE使用,直到ver9不支持历史记录对象推送状态,如果要使用IE10 +或google
chrome,请使用历史记录状态对象更新url。希望能帮助到你 :)



 类似资料:
  • 问题内容: 我想在配置文件中搜索该表达式:“ central.database”。然后,我想将与“ central.database”关联的设置更改为“ SQLTEST”。 最初,配置文件的布局如下所示: 这是我希望sed更换后的外观: 我正在bash脚本中执行此操作,欢迎提出任何建议,建议或替代解决方案! (实际上,这两个和来自bash的变量在这里。) 我当前的代码(第三次尝试): 错误信息:

  • 因此,虽然我的TranslateAnimation经过了10秒的动画,但它的位置实际上根本没有更新。 它唯一更新的时间是动画完成时。 那么,如何让TranslateAnimation在设置动画时更新其位置呢? 通过更新其位置,我的意思是,如果我检查其位置,即;视图的上下左右坐标,如果它移动了,我应该得到一组不同的数字。 但是在这种情况下,我得到了视图的原始位置的位置,这不是我想要的。我想要视图在动

  • 我想更改“成员”数据框中“成功”列的布尔值。具体来说,我想把真正的价值观改为“成功”,把错误的价值观改为“失败”。你知道怎么做吗? 代码:

  • 我正在尝试做一个游戏,人们不必在输入字段内点击,以便键入,我有输入字段的值是通过键入设置的,除了每键入一个新的字母,它重置输入字段而不是添加值。这是代码:

  • 问题内容: 有什么办法可以使用CSS从左到右或从下到上更改滚动条的位置? 问题答案: 仅使用CSS: 左右翻转: 工作小提琴 顶部/底部翻转: 工作小提琴

  • 问题内容: 我正在使用jQuery DataTables,我的JavaScript代码如下所示: 我想根据选择元素的选择值过滤此dataTable: 如何设置的选项的值在该事件根据所选项目选择的元素? 问题答案: 我找到了 :