ディレクティブは正常に動作しますが、ブラウザ コンソールでこのエラーが発生し続けます。
HTML:
<ms-search-pager filtered-items="batches | searchBatch:searchString" skip-items="skipItems" show-items="showItems" search-string="searchString"></ms-search-pager>
msSearchPager.js:
app.directive('msSearchPager', function () {
return {
restrict: 'E',
templateUrl: '/app/templates/directives/msSearchPager.html',
scope: {
filteredItems: '=',
skipItems: '=',
showItems: '=',
searchString: '='
}
}
});
msSearchPager.hmtl:
<span>
<span>
<input data-ng-model="searchString" data-ng-change="skipItems=0" type="search" />
<input data-ng-model="showItems" type="text"/>
<a>{{Math.min(skipItems+1, filteredItems.length)}} to {{Math.min(skipItems + showItems, filteredItems.length)}} of {{filteredItems.length}}</a>
</span>
</span>
では、なぜ循環エラーが発生するのでしょうか。修正方法は?
更新: 要求に応じて、ここにプランカーを作成しました: http://plnkr.co/edit/LBXeqA5zL2dH5Zjlu6h1