setting up initial angular

10 years ago · a45c193eb1
parent 970ba927e2
commit a45c193eb1
3 changed files with 10 additions and 5 deletions
--- a/app/assets/javascripts/spa.js
+++ b/app/assets/javascripts/spa.js
@ -0,0 +1,5 @@
+var app = angular.module('SinsApp', []);
+
+app.controller('MainController', function(){
+  this.foo = 'bar'
+});
--- a/app/views/layouts/spa.html.erb
+++ b/app/views/layouts/spa.html.erb
@ -1,15 +1,15 @@
 <!DOCTYPE html>
-<html>
+<html ng-app="SinsApp">
 <head>
  <title>TheSinsWeCommit</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
-  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js" charset="utf-8"></script>
 </head>
-<body>
-
+<body ng-controller="MainController as main">
+  {{main.foo}}
  <%= yield %>

+  <%= javascript_include_tag 'spa', 'data-turbolinks-track' => true %>
 </body>
 </html>
--- a/config/initializers/assets.rb
+++ b/config/initializers/assets.rb
@ -8,4 +8,4 @@ Rails.application.config.assets.version = '1.0'

 # Precompile additional assets.
 # application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
-Rails.application.config.assets.precompile += %w( login_signup.js )
+Rails.application.config.assets.precompile += %w( login_signup.js, spa.js )