Angular.js ng-repeat повторять проблему удаленного массива JSON

Question

Angular.js ng-repeat повторять проблему удаленного массива JSON

0

После поиска я не вижу, что я делаю неправильно. В основном мой JSON возвращает массив данных, который выглядит так:

  "Alerts": [
    {
      "id": "164579",
      "date": "2013-05-17T16:46:58",
      "type": "ClaimReceivedNotification",
      "descr": "Your claim submission has been received and is pending review by our claims department.",
      "isRead": false,
      "denialId": "",
      "denialType": "",
      "dueDate": "0001-01-01T00:00:00",
      "amount": 0
    },
.......and so on......

Так что я пытаюсь сделать это с указанием даты и описания (descr), как показано в этом html:

                    <div>
                        <span ng-repeat="date in ppt.Alerts"> {{ ppt.Alerts[0].date }} </span>
                        <!-- <span> {{ ppt.Alerts[0].descr }} </span> -->
                    </div>

Он отображается, но только первая запись в массиве. Если я вынул индекс "[0]" и попытаюсь заменить его как:

<span ng-repeat="date in ppt.Alerts[]"> {{ ppt.Alerts.date }} </span>

Он ничего не отображает. Где я ошибаюсь в использовании этого метода, чтобы заставить его перебирать каждый экземпляр массива и возвращать определенные значения?

Большое спасибо!

Mark 25 авг. 2015, в 21:50

Источник

Теги:

javascript

html

angularjs

arrays

angularjs-ng-repeat

1 ответ

Ещё вопросы

Pankaj Parkar · Answer 1 · 2015-08-25T17-54-00.000Z

3

Когда вы повторяете ppt.Alerts и вы уже сказали, что каждый элемент цикла будет известен как date, вы можете легко использовать эту date чтобы показать дату каждого предупреждения.

наценка

<span ng-repeat="date in ppt.Alerts"> {{date.date}} </span>

Pankaj Parkar 25 авг. 2015, в 17:54

1

date.date это не должно быть date.date чтобы показать только дату, а не завершить объект?
Vineet 25 авг. 2015, в 19:35
0

@ Vineet Это мой плохой .. обновленный ответ .. Спасибо, братан :)
Pankaj Parkar 25 авг. 2015, в 19:37
0

Добро пожаловать, сэр :-)
Vineet 25 авг. 2015, в 19:38
1

@ Vineet не сэр чувак .. Просто здесь учат такие вещи, как ты .. :)
Pankaj Parkar 25 авг. 2015, в 19:39
0

Круто, это сработало. Так почему же это было «date.date», а не просто «date»?
Mark 25 авг. 2015, в 19:43
0

@ Марк, это круто .. Рад помочь вам .. Спасибо :)
Pankaj Parkar 25 авг. 2015, в 19:44
0

Да, и так теперь, так как я возвращаю его как интервал, он перечисляет их снова и снова, но хочет, чтобы он отображал дату и описание в интервале или . Итак, как бы мне добавить 2 там, как "ng-repeat =" date && descr in ppt.Alerts "? Надеюсь, это имеет смысл!
Mark 25 авг. 2015, в 19:46
0

@ Отметить это было бы очень просто ... Я думаю, что вы хотели бы также показать descr с датой .. Затем это будет просто  Date: {{date.date}}Descr: {{date.descr}}
Pankaj Parkar 25 авг. 2015, в 19:51
0

Очень круто! Так что теперь, что если я разбиваю оповещение по типу и с каждым «Оповещением», есть еще и «тип»? Так может ли это быть просто "ppt.Alerts.typeof"? Это имеет смысл?
Mark 25 авг. 2015, в 20:11
0

Что вы подразумеваете под "ppt.Alerts.typeof Я действительно не понимаю вас ..
Pankaj Parkar 25 авг. 2015, в 20:13
0

Так же, как дата, есть и тип. Так что в моем HTML, я могу хотеть показать каждую дату и descr отдельно для каждого типа. Таким образом, в основном переключение на тип (следовательно, почему я подумал о Alerts.type). Думаю, я мог бы использовать фильтр, но не уверен, что это применимо, не так ли? Например, {{date.date}} {{date.descr}} 
Mark 25 авг. 2015, в 20:30
0

фильтр будет что - то вроде ng-repeat="date in ppt.Alerts | filter:{type: type} будет фильтровать type свойство с type переменным
Pankaj Parkar 25 авг. 2015, в 20:35
0

Спасибо, но по-прежнему возникают проблемы с возвратом всех предупреждений с использованием этого кода: {{date.date}} {{date.descr}} </ р>
Mark 25 авг. 2015, в 20:57
0

И вот два типа возвращаемых оповещений (одно утверждение-получение-уведомление и одно отказ-утверждение):
Mark 25 авг. 2015, в 21:00
0

{"id": "181519", "date": "2013-06-11T17: 12: 49", "type": "ClaimReceivedNotification", "descr": "Ваша заявка на получение претензии была получена и ожидает рассмотрения нашей отдел заявок. "," isRead ": false," denialId ":" "," denialType ":" "," dueDate ":" 0001-01-01T00: 00: 00 "," amount ": 0},
Mark 25 авг. 2015, в 21:00
0

{"id": "181547", "date": "2013-06-11T17: 44: 00", "type": "DenialStatement", "descr": "Запрос на дополнительную информацию и / или уведомление об отказе имеет был выдан для вашей недавней претензии. Для получения дополнительной информации, пожалуйста, войдите в мини-приложение Benefits из главного меню. "," isRead ": false," denialId ":" "," denialType ":" "," dueDate ":" 0001-01-01T00: 00: 00 "," сумма ": 0},
Mark 25 авг. 2015, в 21:00

Показать ещё 14 комментариев