Javascript 使用AngularFire拉一个唯一的条目
我正在尝试创建一个页面,该页面将显示有关某个音乐片段的大量信息,但我只希望每页查看一个音乐片段。我曾经使用ng repeat创建所有音乐片段的视图,但现在我想单击其中一个片段,并在不同的页面上显示其所有独特的内容。问题是,我尝试做的每件事都无法在我的数据结构中获得更深层次的信息。目前的组织方式如下:Javascript 使用AngularFire拉一个唯一的条目,javascript,angularjs,firebase,angularfire,Javascript,Angularjs,Firebase,Angularfire,我正在尝试创建一个页面,该页面将显示有关某个音乐片段的大量信息,但我只希望每页查看一个音乐片段。我曾经使用ng repeat创建所有音乐片段的视图,但现在我想单击其中一个片段,并在不同的页面上显示其所有独特的内容。问题是,我尝试做的每件事都无法在我的数据结构中获得更深层次的信息。目前的组织方式如下: MusicDB concertBand { uniqueIDFireBaseGenerates { name: "piece1"
MusicDB
concertBand {
uniqueIDFireBaseGenerates {
name: "piece1"
composer1: "name1"
composer2: "name2"
...
}
}
marchingBand {
uniqueIDFireBaseGenerates {
name: "piece1"
composer1: "name1"
composer2: "name2"
...
}
}
我可以很好地掌握所有的第一级,但是当需要使用数据时,这些数据只针对其中一个我没有成功的部分
我有一个路线设置,当用户点击它时,我可以到达一个特定的地方。所有这些都很好。我只是不知道如何获取特定项目的数据
对我来说,似乎我应该能够使用类似{{marching.$id.name}}的东西,但这并没有起作用(而且可能不应该这样)。不管怎样,这是我的代码
music.js
myApp.controller('MusicController',
['$scope', '$rootScope', '$firebaseAuth', '$firebaseArray','$routeParams','FIREBASE_URL',
function($scope, $rootScope, $firebaseAuth, $firebaseArray, $routeParams, FIREBASE_URL) {
$scope.whichmarch = $routeParams.marchingId;
$scope.whichconcert = $routeParams.concertId;
var marchRef = new Firebase(FIREBASE_URL + '/marchingBand');
var marchInfo = $firebaseArray(marchRef);
$scope.march = marchInfo;
var concertRef = new Firebase(FIREBASE_URL + '/concertBand');
var concertInfo = $firebaseArray(concertRef);
$scope.concerts = concertInfo;
var marchView = new Firebase(FIREBASE_URL + '/marchingBand/' + $scope.whichmarch);
var marchViewOne = $firebaseArray(marchView);
$scope.marchCurrent = marchViewOne;
viewMarch.html
<div class="card cf">
<div class="textintro" ng-repeat="march in march">
<h1>{{march.$id.name}} Marching View Page</h1>
</div><!-- textintro -->
</div>
{{march.$id.name}}行进视图页
我知道我遗漏了一些明显的东西,我已经在网上浏览了文档和很多论坛帖子,但有些东西对我来说并不重要(在我的大脑中就是这样)
我还使用了music.js文件中的“marchCurrent”。如果它是正确的,我可能称它为不正确的。好吧,我让我的数据再深入一层,并为这一层中的每一块存储唯一的值。现在,我可以使用ng repeat为每个独特的片段获取一组值。我觉得有另一种方法可以做到这一点,但这是我需要做的工作