AngularJS和Rails模板引擎

Question

As a Rails guy, I love me some Haml or Slim. However, I haven't had much luck with either when it comes to using AngularJS. Is there a templating engine that is AngularJS friendly and is less verbose than straight HTML?

Answer 1

I'm using slim for my angularjs templates. It took me forever to figure out how to do it, but its very easy to do once you know how.

Add the slim gem and bundle install.

Make sure you have a template directory. Mine is:

assets/javascripts/templates

Then create a file in config/initializers. Mine is just slim_engine.rb. The name doesn't matter.

Then in that file include this line:

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

Here's a snippet of the route provider I have that uses one of these templates:

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

The full template path is: assets/templates/customers/edit.html.slim

Hope this helps!

Answer 2

我已经写过如何使用haml为railsjs模板使用haml并在一个请求中正确加载所有模板： http ：//minhajuddin.com/2013/04/28/angularjs-templates-and-rails-with- 渴望加载