コントローラ用のjs.coffeeが動かない

http://coderberry.me/blog/2013/04/23/angularjs-on-rails-4-part-2/
を参考にして、input要素に入力したテキストがすぐ下のh1要素の中に同期して表示されるところまで書いた。

ついで、app/assets/javascripts/angular/controllers/screencasts_ctrl.js.coffeeを
<pre><code>App.controller 'ScreencastsCtrl', ['$scope', ($scope) ->
  $scope.message = 'hoge'
]</code></pre>
の内容で追加して、
showfish.hmtl.erb(AngularJSを動かしてみるためのビュー)に
\<div ng-app="AngularCasts" ng-controller="ScreencastsCtrl"\>
  \<h1>Message: {{message}}\</h1>
\</div>
と追加すると
<h1>Message: {{message}}</h1>
と表示されており、screencasts_ctrl.js.coffeeで指定しているとおり、
<h1>Massage: hoge</h1>
とならない。

なお、app/view/layout/application.html.erbは

\<!DOCTYPE html>
\<html ng-app="AngularCasts">
\<head>
  \<title>ExGrape\</title>
  \<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  \<%= csrf_meta_tags %>
\</head>
\<body>

\<%= yield %>

  \<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
  \<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular-resource.min.js"></script>
  \<%= javascript_include_tag "application" %>
\</body>
\</html>

app/assets/javascripts/app.js.coffee
<pre><code>window.App = angular.module('AngularCasts', ['ngResource'])</code></pre>

app/assets/javascripts/application.js
<pre><code>//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
//= require app
//= require angular-resource
//= require angular
//= require_tree ./angular</code></pre>
となっている。