計算されたプロパティと集計データ

計算されたプロパティは、配列内のすべてのアイテムにアクセスして値を決定します。簡単にアイテムを追加し、配列からアイテムを削除します。依存キーには、現在の計算されたプロパティのバインディングとオブザーバーを更新する特別なキー_＆commat; each_が含まれています。

例

次の例は、Emberの＆commat;各キーを使用して、計算されたプロパティと集計データの使用を示しています-

import Ember from 'ember';

export default function() {
   var Person = Ember.Object.extend ({

     //todos is an array which holds the boolean values
      todos: [
         Ember.Object.create ({
            isDone: true
         }),
         Ember.Object.create ({
            isDone: false
         }),
         Ember.Object.create ({
            isDone: true
         })
      ],

     //dispaly the remaining values of todos
      remaining: Ember.computed('todos.@each.isDone', function() {
         var todos = this.get('todos');

        //return the todos array
         return todos.filterBy('isDone', false).get('length');
      }),
   });

   var car_obj = Person.create();
   document.write("The remaining number of cars in todo list: " + car_obj.get('remaining'));
}

今_app.js_ファイルを開き、ファイルの先頭に次の行を追加します-

import computedaggregate from './computedaggregate';

ここで、computeaggregateは、「computedaggregate.js」として指定され、「app」フォルダーの下に作成されるファイルの名前です。次に、エクスポートの前に、下部の継承された「計算された集計」を呼び出します。 _computedaggregate.js_ファイルに作成されたcomputeaggregate関数を実行します-

computedaggregate();

出力

エンバーサーバーを実行すると、次の出力が表示されます-

Ember.js計算プロパティおよび集計データ

Emberjs-computed-properties-aggregate-data

計算されたプロパティと集計データ

例

出力