sinatra + angular.js + 加载模板

Question

我正在使用 angular.js 在一个简单的 sinatra 应用程序中获取 this behaviour，Angular 可以工作，但它不会加载我的 a.html 和 b.html 模板。我还尝试在我的 main.js 中使用 a.erb 和 views/a.html 但它什么也没做。有什么问题？

index.erb、a.html 和 b.html 在 vi​​ews 文件夹中。

app.rb

require 'sinatra'

class app < Sinatra::Base
    set :public, File.dirname(__FILE__) + '/static'
    get '/' do
        erb :index
    end
end
app.run!

index.erb

<span><a href="/">A</a></span> <span><a href="#/b">B</a></span>

main.js

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

mymain.config(
    function($routeProvider) {
        $routeProvider
          .when('/', {
              templateUrl: 'a.html',
              controller: 'F1'
           })
         .when('/b', {
          templateUrl: 'b.html',
          controller: 'F2'
           })
         .otherwise({
              redirectTo:'/'
          });
    });

Answer 1

您尚未在您的 sinatra 应用程序中为您的 erb 模板提供任何路由。因此，当您导航到 hostname/a.html 时，没有可用的文件。请记住 Angular 正在尝试访问 http://hostname/a.html 以获取您的 html sn-p，如果 sinatra 不知道如何提供它，那么您就被卡住了。

get '/partials/:name' do
  erb params[:name].to_sym, layout: false
end

试试这个。它将允许您通过您的服务器地址/filename 访问您的html sn-ps。因此，要获取您的a.html sn-p，定义此路由后，您可以访问http://server/a。

将文件移动到您的静态文件夹只是意味着 sinatra 会自动将请求映射到静态文件夹位置。静态服务的文件优先于您可能映射的任何其他路由，并且通常由您的系统默认值推送，例如 apache。

Answer 2

解决了，

刚刚将 a.html 和 b.html 移动到 静态文件夹。

我不知道这是一种不好的做法还是有更好的方法，如果有，请随时发表评论。