按日过滤数据对象Angular JS

时间:2015-08-14 04:56:34

标签: angularjs angularjs-filter

有问题的对象看起来像这样

{{
    schedule['Monday']
    schedule['Tuesday']
    ....
}}

我需要:

  • 获取schedule['{{date | 'EEEE'}}']
  • 在html模板中突出显示
  • 显示类似{{date | 'EEEE'}} 's schedule is {{schedule['{{date | 'EEEE'}}]}}
  • 的内容

我正在尝试使用循环来创建一周中的几天。即使用ng-repeat并按当天过滤。

需要这样做才能为当天场景与其他日期编写不同的HTML - 示例添加自定义类。

1 个答案:

答案 0 :(得分:2)

假设对象将按特定顺序迭代(显然,应该是星期几),这是一个错误。这会导致Angular-specificJS代码出现问题。

在迭代对象时始终坚持使用数组:

<div ng-repeat="day in days | filter:'Monday'">{{ schedule[day] }}</div>

最好明确定义

$scope.days = ['Monday', 'Tuesday'];

而不是

$scope.days = Object.keys($scope.schedule);

完全出于上述原因。

示例:http://plnkr.co/edit/EnntuwwDgKIvxWRubTCQ?p=preview