¿Cuáles son algunos buenos recursos para aprender a usar angular.js con Rails?

Supongo que no es realmente necesario aprender Rails demasiado en detalle si tu objetivo es aprender AngularJS.

Imaginaría una aplicación AngularJS + Rails para comunicarse únicamente a través de datos JSON. Es decir, Rails no representaría el HTML por usted. Lo harías solo del lado del cliente.

En cuanto a los recursos, puedes seguir mis pasos:

Comencé con lo siguiente en orden:

  1. Bifurca esto y mira cómo está estructurada una aplicación angular: angular-seed
  2. Ir a través de documentos. angularjs .org / tutorial , codificando todo manualmente
  3. Leer: Instant AngularJS Starter
  4. Comienza a crear tus propias aplicaciones. Haz una lista de cosas.
  5. LO MÁS IMPORTANTE: ¡No uses jQuery! (al menos lea la directiva si realmente quiere usar jQuery)

Supongo que la mayoría de los recursos se centrarían exclusivamente en AngularJS, mientras se ignora el backend. Una de las razones es probablemente porque el backend se implementa como uno realmente simple que proporciona principalmente operaciones CRUD.

La lógica de representación, la lógica de la aplicación se realiza en el lado del cliente tanto como sea posible.

Así por ejemplo:

Ruby Sinatra:

get '/test' do status 200 body(obj.to_json) end 

AngularJS (he sacado las partes MVC relevantes y las he colocado aquí)
Entonces el flujo es como tal:

  • El usuario ingresa la URL
  • El enrutador lo enrutaría al controlador apropiado.
  • El controlador invocaría la lógica MODELO necesaria y, con frecuencia, la devolvería a VIEW.
  • La comunicación entre el controlador y la vista se realiza a través del objeto $ scope

 // Router + Declare app level module which depends on filters, and services angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'myApp.controllers', 'myApp.utility']). config(['$routeProvider', function($routeProvider) { $routeProvider.when('/table', {templateUrl: noCacheUrl('./client/app/partials/table_view.html') , controller: 'TableCtrl'}); $routeProvider.otherwise({redirectTo: '/'}); }]); // Controller angular.module('myApp.controllers') .controller('TableCtrl', ['$scope', '$http', function($scope, $http) { // MODEL $http({ method:'GET', //could be POST too. just add data option cache:false, url: 'hostname/test' // RESTFUL end point in your ruby app }).success(function(data) { $scope.dataSet = data; }); }]); //table_view.html: (VIEW)   {{$index}} {{data.Col1}} {{data.Col2}} {{data.Col3}} {{data.Col4}} ... 

Aquí hay una publicación de blog que detalla cómo integrar AngularJS con Rails:
Cómo integrar AngularJS con Rails 4
Es para Rails 4 específicamente, pero la mayoría de los consejos son de naturaleza general.

Lo que más me ayudó fue pasar tiempo aprendiendo sobre la cartera de activos de Rails. Entender cómo puede proporcionar activos como plantillas HAML (angulares), combinar archivos JS (con Coffee) y permitirle agregar erb a cualquier activo de texto fue el mejor uso de mi tiempo. También pasé mucho tiempo aprendiendo sobre el enrutador angular de documentos angulares y algunos buenos violines y plunks.

Al final, las vistas de mis rieles consistieron principalmente en una vista ng y el resto de la GUI y JS fue proporcionado completamente por la canalización de activos.

Hay un excelente screencast de Ryan Bates sobre la integración de AngularJS con Ruby on Rails.

http://railscasts.com/episodes/4

Espero que te guste !