EmberJS - 计算机属性

计算属性将函数声明为属性，而且 Ember.js 根据需要自动调用计算属性，并将一个或多个属性组合成一个变量。

下表列出计算属性的相关属性 −

示例

以下示例将计算属性添加到 Ember.object 中，并显示如何显示数据 −

import Ember from 'ember';

export default function() {
   var Car = Ember.Object.extend ({
      
      //The values for below variables will be supplied by 'create' method
      CarName: null,
      CarModel: null,
      carDetails: Ember.computed('CarName', 'CarModel', function() {

         //returns values to the computed property function 'carDetails'
         return ' Car Name: ' + this.get('CarName') + '<br>' + 
            ' Car Model: ' + this.get('CarModel');
      })
   });

   var mycar = Car.create ({
      //initializing the values of Car variables
      CarName: "Alto",
      CarModel: "800",
   });
   
   //Displaying the information of the car
   document.write("<h2>Details of the car: <br></h2>");
   document.write(mycar.get('carDetails'));
}

现在打开 app.js 文件，然后在文件顶部添加以下行 −

import computedproperties from './computedproperties';

其中，computedproperties 是指定为 "computedproperties.js" 的文件名，并在 "app" 文件夹下创建。现在，在导出之前，在底部调用继承的 "computedproperties"。它将执行在 computedproperties.js 文件中创建的 computedproperties 函数 −

computedproperties();

输出

运行 ember 服务器，您将收到以下输出 −