Ruby AngularJS标记未计算
我正在尝试使用Rails后端运行我的第一个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
#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”,如果我手动删除它,它就会加载。。