ruby-on-rails - AngularJS 和 Rails 模板引擎

Question

作为一个 Rails 人，我喜欢一些 Haml 或 Slim。但是，在使用 AngularJS 时，我对这两种方法都不太走运。是否有一个模板引擎对 AngularJS 友好并且比直接 HTML 更简洁？

Answer 1

我在我的 angularjs 模板中使用了 slim。我花了很长时间才弄清楚如何去做，但一旦你知道如何去做，就很容易了。

添加 slim gem 并捆绑安装。

确保您有一个模板目录。我的是:

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

希望这可以帮助!