Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 计算选定复选框的数量-角度6_Angular - Fatal编程技术网

Angular 计算选定复选框的数量-角度6

Angular 计算选定复选框的数量-角度6,angular,Angular,我有一个以下类型的数组: export class AgeRange { constructor(obj: any) { Object.assign(this, obj); this.selected = false; } ageRangeId:number; name: string; selected:boolean; } 并将输入绑定到数组: <input type="checkbox" name="opt

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

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.selected]中的第23列 ==真)}

应用程序启动时,数组未初始化。我不确定这是否是问题所在,或者您无法在
{{}
中进行筛选。我尝试了Agrange?.filter..但这也不起作用


有什么建议吗?

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

get getItems(): number {
 return this.ageRange.filter((item)=>item.selected === true).length
}
现在调用变量

 {{getItems}}

您不能在模板中创建胖箭头函数。这是您看到的错误。谢谢大家。非常感谢。