Ruby on rails AngularJS不在Cloud9 Rails应用程序中工作

我正在做一个名为“不到10000字的零到部署”的教程，学习如何将AngularJS整合到ROR应用程序中

教程：
目前在这里：

本教程是为MacOSX设计的，但我使用的是Cloud9，因此在弥合这一差距时遇到了一些困难

经过设置“有史以来最小角度应用程序”的步骤后，Rails应用程序可以工作，但角度应用程序不能

到目前为止我所做的：

在Cloud9中创建了一个新的Rails应用程序

设置文件

+gem 'sass', '3.4.19'
+gem 'bower-rails'

+group :test, :development do
+  gem 'rspec-rails', '~> 2.0'
+  gem 'factory_girl_rails', '~> 4.0'
+  gem 'capybara'
+  gem 'database_cleaner'
+  gem 'selenium-webdriver'
+end

-gem 'turbolinks'

捆绑安装

vim config/database.yml

rake数据库：创建

npm安装鲍尔-g

在根目录中创建了“Bowerfile”

触摸式鲍尔菲尔

+asset 'angular'
+asset 'bootstrap-sass-official'
+# vim: ft=ruby

填充的“Bowerfile”

耙架：安装

十,。 config/application.rb

    module Workspace
      class Application < Rails::Application

    +   config.assets.paths << Rails.root.join("vendor","assets","bower_components")
    +   config.assets.paths << Rails.root.join("vendor","assets","bower_components","bootstrap-sass-official","assets","fonts")

    +   config.assets.precompile << %r(.*.(?:eot|svg|ttf|woff|woff2)$)

        config.active_record.raise_in_transactional_callbacks = true
      end
    end

application.js

+//= require angular/angular

-//= require turbolinks

routes.rb

+root 'home#index'

应用程序/控制器/家庭控制器

class HomeController < ApplicationController
    def index
    end
end

app/views/home/index.html.erb

<div class="container-fluid" ng-app="receta">
    <div class="panel panel-success">
        <div class="panel-heading">
            <h1 ng-if="name">Hello, {{name}}</h1>
        </div>
        <div class="panel-body">
            <form class="form-inline">
                <div class="form-group">
                    <input class="form-control" type="text" placeholder="Enter your name" autofocus ng-model="name">
                </div>
            </form>
        </div>
    </div>
</div>

我对Cloud9和RubyonRails有一些经验，但我以前从未接触过AngularJS。 我很高兴听到有人告诉我我做错了什么：）

解决了

这一页很有用

$1/nomod

“app.coffee”中有一个拼写错误。

---

raceta->receta

首先查看开发人员控制台。它可能会帮助您和我们深入了解。@Pankaj Parkar。谢谢你的提示！我在上面的控制台中添加了错误。

class HomeController < ApplicationController
    def index
    end
end

receta = angular.module('raceta',[
])

<div class="container-fluid" ng-app="receta">
    <div class="panel panel-success">
        <div class="panel-heading">
            <h1 ng-if="name">Hello, {{name}}</h1>
        </div>
        <div class="panel-body">
            <form class="form-inline">
                <div class="form-group">
                    <input class="form-control" type="text" placeholder="Enter your name" autofocus ng-model="name">
                </div>
            </form>
        </div>
    </div>
</div>

    Uncaught ...
    Error: [$injector:modulerr] Failed to instantiate module receta due to:
    Error: [$injector:nomod] Module 'receta' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.