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

希望这会有所帮助！