Aliased Properties

You can create aliases for properties to make them easier to reference.

As an example, the following is an alias for block.data.details

block.js

'use strict';

polarity.export = PolarityComponent.extend({
    details: Ember.computed.alias('block.data.details')
});

Once you have created an alias (in this case the alias details which refers to block.data.details you can reference the property from your template or from within your component just as you would any other variable.

template.hbs

<div>
    {{details.stuff}} is the same as {{block.data.details.stuff}}
</div>

You can also access details directly in your component file as well.

block.js

'use strict';

polarity.export = PolarityComponent.extend({
    details: Ember.computed.alias('block.data.details')
    severityColor: Ember.computed('details', function(){
        // here we can access 'details' directly because of our alias
        // without the alias we would need to explicitly request
        // `block.data.details.severity'
        let severity = this.get('details.severity');
        return severity > 50 ? "red" : "green";
    });
});