javascript - Rails 中的 Angular 路由(显示空白页)

标签 javascript ruby-on-rails ruby angularjs

您好,我正在尝试将 Angular 包含在我的 Rails 应用程序中,但我得到了一个空白 html 这是我的代码

app/views/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>

assets/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”gem,它似乎工作正常,直到我添加了 Angular 路线。请指出错误在哪里。

最佳答案

尝试一下:

在你的 static.js 中

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

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

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

关于javascript - Rails 中的 Angular 路由(显示空白页),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32390292/

相关文章:

java - Torrent 库允许下载单独的文件片段

ruby-on-rails - 现有数据库的 Rails 一直说迁移挂起

javascript - React-redux 和 Redux-Thunk 中从 API 获取数据的问题

javascript - 你如何在客户端处理复杂的 JavaScript 对象?

JavaScript : problem with regular expression

ruby-on-rails - 按属性的特定值或值数组排序

ruby-on-rails - 如果我想创建一个 ruby​​/rails gem 来管理 CSS 类优先级,我应该从哪里开始?

ruby - 如何存储夏令时调整后的utc时间

javascript - JQGrid 自动隐藏单元格中带有 false 的行

javascript - 使用快速服务器在 React 应用程序中热重载