# Angular 2 – Two Ways to Initialize Component Properties

This article represents two different ways in which Angular 2 components properties can be initialized. Please feel free to comment/suggest if I missed to mention one or more important points. Also, sorry for the typos.
Following are two different ways to initialize the component properties.

• In the example below, component’s property is initialize through variable assignment. Take a look at the code “name = ‘Calvin Hobbes'”. This approach is sometimes preferable because it makes code easy to read and also, there will be lesser code to write.
import {Component, View} from 'angular2/core';

@Component({
selector: 'user'
})
@View({
template: '{{name}}'
})
export class UserComponent {
name = 'Calvin Hobbes';
}

• In the code below, the property is first declared and then initialized inside the constructor.
import {Component, View} from 'angular2/core';

@Component({
selector: 'user'
})
@View({
template: '{{name}}'
})
export class UserComponent {
name: string;

constructor() {
this.name = 'Calvin Hobbes';
}
}