私は2つの機能を備えた非常にシンプルなアプリケーションを持っています。1つは、すべてのキーを2つリストし、1つの特定のキー(および関連する値)を表示することになっています。
キーをリストする最初の部分は次のとおりです。
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は次のようにURLのキーを取得します。
/show_key.html#/key/efd1ae55a5-random_string
URLパラメータに基づいてgetリクエストを発行する方法がわかりません。
$routeParams
コントローラに注入:
app.controller('ListKeys', function($scope, $http, $routeParams) {
...
また、これについてはたくさんの質問があります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加