javascript - 将 URL 参数传递给 AngularJS Controller ?

标签 javascript angularjs

在我的应用程序中,我是 reading an URL parameter我想将其传递给我的 Angular Controller ,然后该 Controller 将加载一个 JSON 文件。

例如 index.html?id=1234 应该让 Controller 加载 data/1234.json

我当前的代码导致注入(inject)器错误:

var id = getUrlParam('id')

app.controller('myController', function ($scope, $http, id) {
  $http.get("data/"+id+".json").then(function(res) {
      $scope.posts = res.data
  })
});

我做错了什么?

最佳答案

$routeParams 就是您所需要的。 基本上获取您的参数,例如 $routeParams.id

其他信息 - https://docs.angularjs.org/api/ngRoute/service/$routeParams

关于javascript - 将 URL 参数传递给 AngularJS Controller ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26823667/

相关文章:

javascript - 返回干净 json 对象的快速路由

javascript - 如何让对象将自身添加到数组中

javascript - 使用 jQuery 替换类名的最佳实践是什么?

javascript - 如何使用 javascript 从 Parse 存储然后检索图像

javascript - 为什么无法在我的本地 apache2 服务器中加载 js 文件?

javascript - 带有反应路由器 v4/v5 的嵌套路由

javascript - AngularJS Controller 错误 - : $http. get 不是 Controller 部分中的函数

javascript - 将 DOM 操作与 Angular Controller 分离——需要最佳实践

javascript - Angular-Google-Map : How to Load Map after Position Data Loaded(Lat, Lng)?

angularjs - Angular Material md-select 和 ng-repeat 性能缓慢