Question

我的应用程序非常简单，有两个功能。一，它列出了所有的两个键，它应该显示一个特定的键（以及相关的值）。

以下是列出键的第一部分：

var app = angular.module('flipDaSwitch', ['ngRoute']);

app.controller('ListKeys', function($scope, $http) {

  $scope.getKeys = function() {
    $http.get('/api/keys').
      success(function (data) {
        $scope.buckets = data;
      }).
      error(function (data){
        $scope.buckets = {}
      });
  };

});

我想知道如何从API获取特定密钥。当前的HTML：

<div name="listkeys" class="container">
  <div class="starter-template">
    <div ng-bind-html="message"></div>
    <table class="table table-striped table-bordered table-condensed sortable" ng-init="getKeys()">
      <tr>
        <th>Bucket:</th>
      </tr>
      <tr ng-repeat="bucket in buckets">
        <td>
          <a ng-href="/show_key.html#/key/{{bucket}}">{{bucket}}</a>
        </td>
      </tr>
    </table>
  </div>
</div>

显然，show_key.html会像这样获取网址中的密钥：

/show_key.html#/key/efd1ae55a5-random_string

我不知道如何根据网址参数发出获取请求。

Answer 1

在控制器中注入$routeParams：

app.controller('ListKeys', function($scope, $http, $routeParams) {
...

Docs

此外还有很多问题。

如何在Angular的GET请求中使用URL参数？

1 个答案: