Question

我正在尝试将角度添加到我当前的rails应用程序中，所以我开始在http://angular-rails.com/进行研究。一切都在游泳，直到我试图路由一个Angular调用来加载模板。无论出于何种原因，我加载页面时什么也得不到。我不确定我错过了什么，我确信这很简单。

我创建了一个简单的控制器来测试Angular，并创建了一个到索引控制器方法的路径。然后在我的views / angular_test / index.html.erb文件中，我创建了一个指向我的ng-app和我的ng-view的链接，如下所示：

<div ng-app="testApp">
    <div class="view-container">
        <div ng-view></div>
    </div>
</div>

然后在我的app.coffee中，我创建了应用程序并配置了控制器和routeProvider：

testApp = angular.module('testApp',[
  'templates',
  'ngRoute',
  'controllers',
])

testApp.config(['$routeProvider',
  ($routeProvider)->
    $routeProvider
      .when('/testangular',
        templateUrl:"testangular.html",
        controller:"TestCtrl"
        )
])

controllers = angular.module('controllers',[])
controllers.controller("TestCtrl", [ '$scope',
  ($scope) ->
])

这一切似乎都有效，因为我的rails服务器日志中没有错误。或者在Chrome中的网络日志中。这里有什么简单的东西吗？我在哪里开始对此进行故障排除？

这里参考我的Gemfile的内容

...
gem 'bower-rails'
gem 'angular-rails-templates'
group :development, :test do
   gem 'rspec-rails', '2.13.1'
   gem 'sqlite3'
   gem 'minitest'
   gem 'web-console', '~> 2.0'
end
...

我的Bowerfile

asset 'angular'
asset 'angular-route'
asset 'bootstrap-sass-official'

我很感谢帮助，并为这么长的帖子道歉。

修改1 在我开始花时间实际设计页面之前，我只想尝试演示这一点，所以我现在应该只看到<h1>This should be showing in my view</h1>包装在我的应用程序html页面中。

我想查看的网址不是根网址，而是localhost：3000 / testangular。

Angular模板未在rails app中显示

0 个答案: