AngularJS和Rails模板引擎

Question

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

Answer 1

我已經寫了有關如何使用HAML您angularjs與軌道模板和正確加載所有的模板在一個請求中的位置：http://minhajuddin.com/2013/04/28/angularjs-templates-and-rails-with-eager-loading

Answer 2

我使用超薄我angularjs模板。我花了很長時間才弄清楚如何去做，但一旦你知道如何做，它很容易做到。

添加苗條的寶石和捆綁安裝。

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

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'); 
    }]); 

完整模板路徑是：資產/模板/客戶/ edit.html.slim

希望這會有所幫助！