Knockout.Js数组过滤器语法

艾巴拉

刚进入javascript和kickout.js。我找到了许多我要完成的示例。而且我觉得我可能忽略了一个小的语法错误。我试图过滤通过ajax / json从服务器返回的集合(this.tasks)。我的工作很好。我想做的是让用户能够在完成和不完成的任务之间切换。

我将代码切换为仅对taskFiltered运行foreach循环。“ this.done”为true或false。

任务模板

var taskModel = function(id, title, description, done){
    var self = this;
    this.id = ko.observable(id);
    this.title = ko.observable(title);
    this.description = ko.observable(description);
    this.done = ko.observable(done);

    this.showEdit = ko.observable(false);
    this.titleUpdate = ko.observable(false);
    this.descriptionUpdate = ko.observable(false);
};

页面模型

var pageModelTasks = function(){
    var self = this;
    this.task_title = ko.observable("");
    this.task_description = ko.observable("");
        this.task_title_focus = ko.observable(true);
    this.tasks = ko.observableArray([]);

    this.tasksFiltered = ko.computed(function() {
        return ko.utils.arrayFilter(this.tasks, function(Task) {
        return Task.done == true;
      });
    });

   // CRUD functions excluded 
}; 

这行不通。

温尼·凯利

对您的代码进行了两个小更正。首先,如@XGreen所述,您需要将数组值而不是observableArray实例作为arrayFilter函数的第一个参数传递最后,由于Task.done是可观察的,因此您需要调用该成员以获取值。这是修改后的代码:

this.tasksFiltered = ko.computed(function() {
    return ko.utils.arrayFilter(this.tasks(), function(Task) {
        return Task.done() === true;
    });
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用 Knockout JS 搜索嵌套 json 数组的过滤器

来自分类Dev

Knockout.js:使用过滤器绑定foreach

来自分类Dev

使用knockout.js 过滤器绑定的问题

来自分类Dev

Knockout.js:使用过滤器进行foreach绑定

来自分类Dev

Knockout.js:订阅时过滤数组

来自分类Dev

部分数组过滤器

来自分类Dev

MuleSoft JSON 数组过滤器

来自分类Dev

Jayway Jsonpath语法用于字符串数组过滤器?

来自分类Dev

数组过滤器,使用键过滤数据

来自分类Dev

如何使用Javascript数组过滤器过滤0?

来自分类Dev

Knockout:自动推送数组

来自分类Dev

数组过滤器更改主数组

来自分类Dev

MVC与Knockout.js

来自分类Dev

GPUImage组过滤器

来自分类Dev

通过检查多个条件的Javascript数组过滤器

来自分类Dev

javascript在数组过滤器内嵌套for循环

来自分类Dev

数组过滤器的异步或承诺条件

来自分类Dev

数组过滤器返回奇怪的结果

来自分类Dev

具有JSON数组过滤器的Filterpredicate

来自分类Dev

数组过滤器未返回正确的值

来自分类Dev

PHP数组过滤器有多个条件

来自分类Dev

循环内部数组过滤器方法

来自分类Dev

使用keep_if的数组过滤器

来自分类Dev

数组过滤器的异步或承诺条件

来自分类Dev

基于多列的数组过滤器

来自分类Dev

具有绑定值的数组过滤器

来自分类Dev

javascript在数组过滤器内嵌套for循环

来自分类Dev

通过数组过滤器长度查询ElasticSearch

来自分类Dev

Elasticsearch - 数组过滤器中的值