Mastering Angular 2 Components

Your first component

Keeping up the tradition, before we start building a real application together, we should write our first hello world component with Angular:

// Decorators allow us to separate declarative logic from our
// component implementation logic.
@Component({
  selector: 'hello-world',
  template: '<div>Hello {{name}}</div>'
})
class HelloWorld {
  constructor() {
    this.name = 'World';
  }
}

This is already a fully-working Angular 2 application. We used ECMAScript 6 classes to create the necessary encapsulation required for a component. You can also see a meta-annotation that is used to declaratively configure our component. This statement, which looks like a function call that is prefixed with an at symbol actually comes from the ECMAScript ...