AngularJS和Rails模板引擎

Question

作為一個Rails的家伙，我愛我一些Haml或Slim。 但是，在使用AngularJS時，我也沒有太多運氣。 是否有一個AngularJS友好的模板引擎，並且比直接HTML更簡潔？

Answer 1

我正在使用slim為我的angularjs模板。 我花了很長時間才弄清楚如何去做，但一旦你知道怎么做就很容易做到。

添加slim gem和bundle install。

確保您有一個模板目錄。 我的是：

assets/javascripts/templates

然后在config / initializers中創建一個文件。 我只是slim_engine.rb。 這個名字並不重要。

然后在該文件中包含以下行：

Rails.application.assets.register_engine('.slim', Slim::Template)

這是我擁有的路由提供程序的片段，它使用以下模板之一：

angular.module('customer_app', ['customer_service'])
  .config(['$routeProvider', function($provider) {
    $provider.when('/:customer_id/edit/', { templateUrl: '/assets/customers/edit.html.slim', controller: 'CustomersController' });
  }])
  .config(["$httpProvider", function(provider) {
    provider.defaults.headers.common['X-CSRF-Token'] = $('meta[name=csrf-token]').attr('content');
  }]);

完整的模板路徑是：assets / templates / customers / edit.html.slim

希望這可以幫助！

Answer 2

我已經寫過如何使用haml為railsjs模板使用haml並在一個請求中正確加載所有模板： http ：//minhajuddin.com/2013/04/28/angularjs-templates-and-rails-with- 渴望加載