# 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`

{% code title="block.js" %}

```javascript
'use strict';

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

{% endcode %}

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.

{% code title="template.hbs" %}

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

{% endcode %}

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

{% code title="block.js" %}

```javascript
'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";
    });
});
```

{% endcode %}