Question

你好我正试图在我的rails应用程序中包含Angular，我得到一个空白的HTML 这是我的代码

应用程序/视图/ index.html.erb

<body>

    <div ng-controller="MainController">
      <ng-view></ng-view>
    </div>


    <script type="text/ng-template" id="view.html">
      <div ng-controller="MainController">This is the view with some data here: {{ somedata }}</div>
    </script>

</body>

资产/ JavaScript的/ static.js

var app = angular.module('app', ['ngRoute']);

app.controller('MainController', function($scope) {
  $scope.somedata = "This is some data!"
});

app.config(function($routeProvider) {
  $routeProvider
    .when('/', {templateUrl: 'view.html'})
})

的application.js

//= require angular-resource
//= require angular
//= require_tree .

的routes.rb

Rails.application.routes.draw do
  root 'static#index'
  get '*path' => 'static#index'
end

现在每当我去服务器时，我都会看到一个空白页面。没有错误。我正在使用'angularjs-rails'宝石，它似乎工作正常，直到我添加了角度路线。你能指出错误在哪里吗？

Answer 1

试一试：

在你的static.js

中

app.config(function($routeProvider, $locationProvider) {

  $routeProvider
    .when('/', {templateUrl: 'view.html'})

  $locationProvider.html5Mode({
    enabled: true,
    requireBase: false,
    rewriteLinks: true
  });
})

Rails中的角度路由（显示空白页面）

1 个答案: