alabama.example.js

(function() {
  'use strict'

  angular
    .module('alabama', [])
    .component('alabama', {
      template: '{{message}} {{otherMessage}}',
      controller: AlabamaComponentController,
      bindings: {
        message: '@',
        otherMessage: '<'
      }
    })

  function AlabamaComponentController() {
    var $ctrl = this


  }

})()

index.html

<alabama message="Olosco" other-message="vm.message"/>