angularjs - 按天过滤数据对象 Angular JS

标签 angularjs angularjs-filter

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

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

我需要:

  • 获取时间表['{{日期| 'EEEE'}}']
  • 在 html 模板中突出显示
  • 显示类似{{日期| 'EEEE'}} 的日程是 {{schedule['{{date | 'EEEE'}}]}}

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

需要完成此操作,以便为当前场景与其他日期编写不同的 HTML - 例如添加自定义类。

最佳答案

假设对象将按特定顺序迭代(显然,一周中的几天应该如此)在这里是一个错误。这会给双方带来问题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

关于angularjs - 按天过滤数据对象 Angular JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32002538/

相关文章:

javascript - 使用 browserify 和 Angular 动态要求

javascript - Angularjs动态表

javascript - 当通过该对象循环项目时, Angular 空对象

javascript - angularjs 和 mocha 测试 Uncaught TypeError : (window. beforeEach || window.setup) 不是函数

javascript - 基于下拉选择的angularJS中的条件模型绑定(bind)

javascript - 使用 Angular.js 高级过滤数据

javascript - AngularJS + RequireJS——未知的提供商,Angular Bug?

javascript - 大括号和过滤器 - 过滤器返回对象,但它在 {{ }} 内转换为字符串

javascript - angularjs 指令丢失数组格式过滤器

javascript - 根据当前过滤器过滤源数组,并将其某些值放入 ng-repeat 项