2016-05-24 8 views
0

基本的に私は角度のついたリストを作成しています。マークされた項目の数を表示したい配列の配列オブジェクトがあり、各リストにはコレクションがありますそのようなドスと呼ばれるリスト項目の:AngularJSを使用してサブ配列の数を取得する

[{listName: "ESSENTIALS", newTodoName:"", newTodoQ:"0", todos: [ 
         { taskName : "Comb" , quantity: 1, isDone : false , id: "comb" }            ]}, 
{listName: "TOILETRIES", newTodoName:"", newTodoQ:"0", todos: [ 
         { taskName : "Tooth Brush" , quantity: 1, isDone : false , id: "toothbrush"}, 
         { taskName : "Tooth paste" , quantity: 6, isDone : false, id: "toothpaste" }, 
         { taskName : "Deodorant" , quantity: 3, isDone : false, id: "deodorant" } 
                        ]}]; 

だから私は2 ngのリピートを持って...一つは、それの他の内部は、各リスト項目をプリントアウトリストを繰り返します。私はH1を持っていて、タイトルの隣には、あなたが残したアイテムの数を示すレコードの総量の横にtrueとマークされたアイテムがあります。あなたが見ることができるように、私はフィルタをコーディングし始めましたが、私はそれが間違っていると信じています: "構文エラー:トークン '未定義'は予期せぬもので、式[(list.todos |)]私の4番目の項目は空白ですが、私はそこに私のすべてのtodosを持っていて、空白ではありません。私のフィルターは間違っていますか?この

<div class='row' ng-repeat="list in lists"> 
     <h1 class='centerTitle'>{{list.listName}} <span class="listCounter"> {{ (list.todos | filter:{todos: {isDone: true}}: true).length }}/{{list.todos.length}}</span></h1> 

     <ul ui-sortable="todoSortable" ng-model="list.todos"> 
             <li ng-class="{taskDone: todo.isDone}" class="todoTask" ng-repeat="todo in list.todos | orderBy: 'isDone' "></li> 
    <div> 

答えて

2

はあなたが試すことができ:?!

<h1 class='centerTitle'>{{list.listName}} <span class="listCounter"> {{ (list.todos | filter: {isDone: true}).length }}/{{list.todos.length}}</span></h1> 
+0

は –

+0

そんなに全く問題をお願いします:) – keithm

関連する問題