app.component.coffee

{Component} = require("angular2/core")
annotate = require("./annotate")
MessageService = require("./message.service")


class AppComponent
  decorators: [
    Component
      selector: "app"
      template: """
        <div *ngFor="let message of messages">
          {{message}}
        </div>
      """
      providers: [MessageService]
  ]

  parameters: [MessageService]
  constructor: (messageService) ->
    @messageService = messageService

  messages: []

  ngOnInit: ->
    @getMessages()

  getMessages: ->
    @messageService.getMessages()
      .then(@setMessages)

  setMessages: (messages) =>  # I missed you, fat arrow
    @messages = messages


module.exports = annotate(AppComponent)

message.service.coffee

{Injectable} = require("angular2/core")
annotate = require("./annotate")


class MessageService
  decorators: [Injectable()]
  getMessages: ->
    Promise.resolve(["hey", "hi"])


module.exports = annotate(MessageService)