Terrible beginnings of using components

web/app/app.js

@@ -7,7 +7,8 @@ angular.module('myApp', [
   'myApp.home',
   'myApp.wallets',
   'myApp.settings',
-  'myApp.version'
+  'myApp.version',
+  'myApp.buy'
 ]).
 config(['$locationProvider', '$routeProvider' ,'NotificationProvider',  function($locationProvider, $routeProvider, NotificationProvider) {
   NotificationProvider.setOptions({

web/app/components/buy/buy.html

@@ -0,0 +1 @@
+<div>hello world</div>

web/app/components/buy/buy.js

@@ -0,0 +1,11 @@
+
+angular.module('myApp.buy',[]).component('buy', {
+  templateUrl: '/components/buy/buy.html',
+  controller:'BuyController',
+   bindings: {
+    message: '='
+  }
+}).controller('BuyController', function ($scope, $http, Notification) {
+  alert(this.message);
+});
+

web/app/index.html

@@ -60,6 +60,7 @@
   <script src="/views/settings/settings.js"></script>
   <script src="/views/home/home.js"></script>
   <script src="/views/wallets/wallets.js"></script>
+  <script src="/components/buy/buy.js"></script>
   <script src="/components/version/version.js"></script>
   <script src="/components/version/version-directive.js"></script>
   <script src="/components/version/interpolate-filter.js"></script>

web/app/views/home/home.html

@@ -1,4 +1,6 @@
 <h1>Dashboard</h1>
+<span app-version></span>
+<buy message="hi"></buy>
 <div class="col-md-12">
 	<div class="col-md-8">
 		<div class="col-md-12">