Блог

Главная - Вопросы по программированию - Отобразить страницу сведений с $ routeparams в AngularJS

Отобразить страницу сведений с $ routeparams в AngularJS

#angularjs

#angularjs

Вопрос:

Я довольно новичок в anugular, и у меня возникли проблемы с отображением сведений об объекте на другой странице.

мой app.js файл:

 when('/meetings/:id', {
  controller: 'detailController',
  templateUrl: 'views/detail.html'
}).

html-страница: 

 <a href="#/meeting{{$index}}"><div class="item col-md-4" ng-repeat="(key, meeting) in meetings">

detailController.js:

 myApp.controller('detailController', ['$scope', '$rootScope', '$firebase', '$routeParams', '$firebaseSimpleLogin', '$location', 'FIREBASE_URL', function(  $scope, $rootScope, $firebase, $routeParams, $firebaseSimpleLogin, $location, FIREBASE_URL) {$scope.whichmeeting = $routeParams.mId; $scope.whichuser = $routeParams.uId;
    var ref = new Firebase(FIREBASE_URL   '/users/'   $scope.whichuser   '/meetings/'); var meetingsList = $firebase(ref).$asArray();
    $scope.details = meetingsList[$routeParams.id];
    }]);

detail.html:

 <div class="photo"> <div class="container"><span class="text">{{details.name}}</span><span class="text">{{details.bio}}</span>

    </div>
    </div>

не знаю, что я делаю не так. Пожалуйста, помогите! Спасибо!!!

Комментарии:

1. $index из <a> ссылается на что? Я не понимаю ваш код. Можете ли вы очистить ее (тег без конца)? Спасибо 🙂

2. <a href="#/meeting{{$index}}"> похоже, вам не хватает / . Должно ли это совпадать #/meeting/{{$index}} ?

3. это /meeting/ или /meetings/ (обратите внимание на s ). кроме того, @ryanyuyu также кажется правильным. в целом, это серия опечаток.

4. извините, ребята. я вижу, что у меня была опечатка в моем теге a. теперь она выглядит следующим образом: <a href=»#/meetings/{{meeting.name }}»>

5. теперь она выглядит следующим образом: <a href=»#/meetings/{{meeting.name }}»> Могу ли я взять firebaseArray (который я могу просмотреть на странице сведений в виде массива собраний через переменную, содержащую список) и использовать $routeParams, как вы делали бы с http-сервисом, чтобы получить значение текущего ключа: var meetingsList = $firebase(ref).$asArray(); $scope.details = meetingsList[$routeParams.id ]; }]); а затем отобразить ее на странице сведений следующим образом: <span class=»text»>{{details.name }}</span>