Доступ к данным li при повторном нажатии

0

Как я могу регистрировать/получать данные о объекте из ng-repeat? Я хотел бы иметь доступ к каждому конкретному объекту firebase, когда я нажимаю на его элемент li. Я смог зарегистрировать весь объект, но мне нужно настроить таргетинг только на определенные данные li?

pomodoro_timer.controller('timer', ['$scope','$interval','$firebaseArray', function ($scope, $interval, $firebaseArray) {

      var ref = new Firebase("https://pomodoro-timer7710.firebaseIO.com/");
      $scope.working = $firebaseArray(ref)

      $scope.addWork = function() {
        if ($scope.newWork == null) {
          WorkInputField.placeholder = "Please enter a job"
        }
        $scope.working.$add({
          name: $scope.newWork,
          startedAt: Date.now(),
          completed: false
        });
        $scope.newWork = "";
      }

        $scope.showTime = function() {
          ref.on("value", function(snapshot) {
            console.log(snapshot.val());
          }, function (errorObject) {
            console.log("The read failed: " + errorObject.code);
          });
        }

HTML

      <div id="workInfo">
        <div id="enterWork">
          <form ng-submit="addWork()">
            <input id="WorkInputField" type="text" placeholder="Job to complete" ng-model="newWork"></input>
          </form>
          <h3>Your Work:</h3>
          <ul>
            <li class="workList" ng-repeat="work in working" ng-click="showTime()">          
              {{ work.name }}
              <a href="#" ng-click="working.$remove(work)"><span class="removeWork">Done</span></a>
            </li>
          </ul>
        </div>
      </div>

Надеюсь, этого достаточно кода, все это относится к проблеме. Когда я нажимаю на каждую личность, я хочу просмотреть ее пары ключ/значение. Спасибо, я пытаюсь склонить голову вокруг Углового, и этот меня заводил с ума.

Теги:

1 ответ

1
Лучший ответ

HTML:

 <li class="workList" ng-repeat="work in working" ng-click="showTime(work)">   ...</li>

контроллер:

$scope.showTime = function(work) { console.log(work);  }

Просто прочитайте угловой документ ng-repeat, и вы поймете, как это работает.

  • 0
    Вау, это было легко .. лол. Удивительно, как иногда ты можешь действовать по-своему, когда расстраиваешься. Спасибо!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню