Ruby AngularJS标记未计算

Ruby AngularJS标记未计算,ruby,angularjs,ruby-on-rails-4,ng-view,Ruby,Angularjs,Ruby On Rails 4,Ng View,我正在尝试使用Rails后端运行我的第一个AngularJS应用程序,到目前为止,我遇到了一些问题,但不知何故,我成功地向前推进了,但现在又出现了另一个问题 看起来我的角度标签没有评估。这就是它的样子 以下是我的设置 #app/assets/javascripts/recipes.js this.recipe = angular.module('recipe',['ngRoute']); this.recipe.config(['$routeProvider', function($route

我正在尝试使用Rails后端运行我的第一个AngularJS应用程序,到目前为止,我遇到了一些问题,但不知何故,我成功地向前推进了,但现在又出现了另一个问题

看起来我的角度标签没有评估。这就是它的样子

以下是我的设置

#app/assets/javascripts/recipes.js
this.recipe = angular.module('recipe',['ngRoute']);
this.recipe.config(['$routeProvider', function($routeProvider){
  return $routeProvider.otherwise({
     templateUrl: '../templates/home.html',
     controller: 'RecipeCtrl'
  });
}]);
模板文件

#public/templates/home.html
Value of "foo": {{foo}}  
Ng控制器

#app/assets/javascripts/angular/controllers/RecipeCtrl.js
this.recipe.controller('RecipeCtrl',['$scope', function($scope){
  $scope.foo = 'bar'
}]);
布局文件

#app/views/layouts/application.html.haml
!!!
%html{'ng-app' => 'recipe'}
  %head
    %title WILT
    = stylesheet_link_tag    "application", media: "all"
    = javascript_include_tag "application"
    = javascript_include_tag '//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.js'
    = javascript_include_tag '//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular-route.js'
    = csrf_meta_tags
  %body
    %ng-view
      = yield
编辑 HTML页面的源代码

<!DOCTYPE html>
<html ng-app='recipe'>
  <head>
    <title>WILT</title>
    <link href="/assets/application.css?body=1" media="all" rel="stylesheet" />
    <link href="/assets/recipes.css?body=1" media="all" rel="stylesheet" />
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular-route.js"></script>
    <script src="/assets/jquery.js?body=1"></script>
    <script src="/assets/jquery_ujs.js?body=1"></script>
    <script src="/assets/angular.js?body=1"></script>
    <script src="/assets/angular-animate.js?body=1"></script>
    <script src="/assets/angular-resource.js?body=1"></script>
    <script src="/assets/angular/controllers/RecipeCtrl.js?body=1"></script>
    <script src="/assets/recipes.js?body=1"></script>
    <script src="/assets/application.js?body=1"></script>
    <meta content="authenticity_token" name="csrf-param" />
    <meta content="Mducbu35Xjovr50CaR4zX5yWNhZ/3Q8RKYaz1B8xGXg=" name="csrf-token" />
  </head>
  <body>
    <ng-view>

    </ng-view>
  </body>
</html>

枯萎

我在你的app/views/layouts/application.html.haml中看不到app/assets/javascripts/recipes.js和app/assets/javascripts/angular/controllers/RecipeCtrl.js包含的这两个文件。@Rabi,谢谢你的回复,我用源代码更新了答案。我使用资产管道加载js。然而,似乎
recipes.js
RecipeCtrl.js
并没有在最后加载“body=1”,如果我手动删除它,它就会加载。。