Question

嗨我有一个要求，我要从用户那里获取每周可用性，用户可以在白天输入多个时段，例如用户可以输入：周日可用的开始时间为7AM＆amp;结束时间上午9点，开始时间2PM＆amp;结束时间下午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

如何显示嵌套对象

1 个答案: