URLを使用してリストから詳細ビューに情報を渡そうとしています。私のURLにはFirebase IDが含まれています。私はIDを取得することができましたが、Firebaseの対応するレコードを読み取る方法が見つかりません。
私はボトルのリストを持っています。ボトルをクリックすると、そのボトルの名前が表示されます。
<div class = "list" ng-repeat="bouteille in bouteilles>
<a class="item item-avatar" href="#!/maBouteille/{{bouteille.$id}}">
<h2>{{bouteille.name}} - {{bouteille.year}}</h2>
</a>
</div>
だから私はURLでボトルのIDを持っていることを bouteilles.html:
bouteilles.js
angular.module('myApp.bouteilles', ['ngRoute'])
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/bouteilles', {
templateUrl: 'bouteilles/bouteilles.html',
controller: 'BouteillesCtrl'
});
}])
.controller('BouteillesCtrl', ['$scope','$firebaseArray', function($scope, $firebaseArray) {
var ref = firebase.database().ref();
$scope.bouteilles = $firebaseArray(ref);
}]);
は、その後、私は "bouteilles" のリストを持っています。私は私がFirebaseに対応するレコードを取得するために、この$ routeParams.idを使用する方法を見つけ出すことはできませんmaBouteille.js
angular.module('myApp.maBouteille', ['ngRoute'])
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/maBouteille/:id', {
templateUrl: 'maBouteille/maBouteille.html',
controller: 'MaBouteilleCtrl'
});
}])
.controller('MaBouteilleCtrl', ['$routeParams','$scope','$firebaseArray', function($routeParams, $scope, $firebaseArray) {
var ref = firebase.database().ref();
console.log($routeParams.id);
}]);
からIDをログで見ることができるので、それはOK取り組んでいます。何か案が?
あなたは完全なオブジェクトを返すことができます。繰り返します.whyで再び@fabienを取得します。 –
MaBouteilleCtrlに、私は瓶からのデータを探しています –
あなたのノード名は何ですか? –