AngularJS出错：错误：[$ rootScope：infdig] 10 $ digest（）迭代

Question

我的模板中有以下代码：

<my-tasks tasks="$ctrl.tasks | filter: {state: 'proposed'}"></my-tasks>
<my-tasks tasks="$ctrl.tasks | filter: {state: 'draft'}"></my-tasks>

我有一个组件，我试图将过滤后的数据传递给该组件的两个实例。

我在控制台中一直收到以下错误：

Error: [$rootScope:infdig] 10 $digest() iterations

以下是我的组件代码：

class MyTasksController {
    constructor() {
    }
}

MyTasksController.$inject = [];

export const myTasksComponent = {
    template: require('./my-tasks.html'),
    controller: MyTasksController,
    bindings: {
        id: '<',
        tasks: '<'
    }
};