Question

我有一个以下类型的数组：

export class AgeRange {

    constructor(obj: any) {
        Object.assign(this, obj);
        this.selected = false;
    }

    ageRangeId:number;
    name: string;
    selected:boolean;
}

然后将输入绑定到数组：

<input type="checkbox" name="options" [(ngModel)]="age.selected" class="">

在顶部，我想显示所选项目的数量。我尝试了以下操作：

Age range {{ageRange.filter((item)=>item.selected === true).length}}

以下内容如何吹奏：

ncaught错误：模板解析错误：分析器错误：缺少预期内容）在[年龄范围{{ageRange.filter（（item）=> item.selected === true）}}

应用程序启动时，未初始化数组。我不确定这是问题还是无法在{{ }}中进行过滤。我尝试过ageRange？.filter ..但这也不起作用。

有什么建议吗？

Answer 1

在ts文件中创建一个get变量并返回长度

get getItems(): number {
 return this.ageRange.filter((item)=>item.selected === true).length
}

现在调用变量

 {{getItems}}

计算所选复选框的数量-Angular 6

1 个答案: