Angular 1 vs Angular 2 Component Properties & Methods

angular1-v-angular2-component-properties-methods.js

// Angular 1
const module = angular.module('myModule', []);
module.component('myComponent', {
  controller() {
    this.message = 'Hello World!';
    this.sayHello = () => {
      alert('Hello World!');
    };
  },
  template: '<div ng-click="$ctrl.sayHello()">{{$ctrl.message}}</div>'
});

/***************************************************************/

// Angular 2
import {Component} from '@angular/core';

@Component({
  selector: 'my-component',
  template: '<div (click)="sayHello()">{{message}}</div>'
})
class MyComponent {
  
  message: string = 'Hello World!';

  sayHello() {
    alert('Hello World!');
  }

}