getting angular to work

10 years ago · aab9e37cc0
parent 441ac75f55
commit aab9e37cc0
3 changed files with 14 additions and 2 deletions
--- a/app/assets/javascripts/angular.js
+++ b/app/assets/javascripts/angular.js
@ -0,0 +1,5 @@
+var app = angular.module('SinsApp', []);
+
+app.controller('HeaderController', function(){
+  this.foo = 'bar'
+});
--- a/app/views/angular.html.erb
+++ b/app/views/angular.html.erb
@ -1 +1,7 @@
-oh hai!
+<header ng-controller="HeaderController as header">
+  <h1>Greetings Reprobates!</h1>
+  {{header.foo}}
+</header>
+<main>
+  main!
+</main>
--- a/app/views/layouts/angular.html.erb
+++ b/app/views/layouts/angular.html.erb
@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html ng-app="SinsApp">
 <head>
  <title>TheSinsWeCommit</title>
  <%= stylesheet_link_tag    'angular', media: 'all', 'data-turbolinks-track' => true %>
@ -8,5 +8,6 @@
 </head>
 <body>
  <%= yield %>
+  <%= javascript_include_tag 'angular', 'data-turbolinks-track' => true %>
 </body>
 </html>