Как отобразить вложенный объект

Question

Привет, У меня есть требование, когда я должен получать еженедельную доступность от пользователя, где пользователь может вводить несколько временных интервалов в течение дня, например, пользователь может ввести : воскресное время начала в 7 утра & конец времени 9AM, начало времени 2 вечера & время окончания 4 вечера и сделать это для всех дней в течение данной недели

так что я написал объект для того же:

$scope.weeklyAvailability = { 
       sunday : { 
        "startTime" : [], 
        "endTime" : [] 
       }, 
       monday : { 
        "startTime" : [], 
        "endTime" : [] 
       }, 
       tuesday : { 
        "startTime" : [], 
        "endTime" : [] 
       }, 
       wednesday : { 
        "startTime" : [], 
        "endTime" : [] 
       }, 
       thursday : { 
        "startTime" : [], 
        "endTime" : [] 
       }, 
       friday : { 
        "startTime" : [], 
        "endTime" : [] 
       }, 
       saturday : { 
        "startTime" : [], 
        "endTime" : [] 
       }, 
       week : "" 
      }; 

у меня есть создал рабочий образец здесь: http://plnkr.co/edit/ZHE5wn1y35JYstbllVQt?p=preview Для простоты я имею просто включенный временный интервал для воскресенья в index.html также не помещался в форму отправки кода.

То, что я пытаюсь сделать, когда пользователь выбирает тайм-слот будет добавлен в массив под STARTTIME или EndTime и которые также будут отображаться в элементе списка

<li ng-repeat="availability in weeklyAvailability"> 
      {{availability}} 
      <!--{{availability.sunday.startTime}}--> 
      {{availability["sunday"]["endTime"]}} {{availability["sunday"]["endTime"]["0"]}} 
     </li> 

Однако я не удается просто отображать startTime и endTime (доступен объект доступности, как я могу получить доступ к внутренним объектам и массивам?)

Также есть комментарии к этому дизайну для получения доступа от пользователя?

Answer 1

Вы можете использовать:

<li ng-repeat="(key, value) in weeklyAvailability"> 
      {{value.endTime[0]}} 
     </li> 

Ссылка: http://plnkr.co/edit/bNxaDfgnn8z9DuQCC9hi?p=preview

Вы можете увидеть здесь также: How can I iterate over the keys, value in ng-repeat in angular