如何使用Angular.js消费Rails RABL API?

用户名

我正在使用RABL构建一个Rails应用,该应用会在由Active Admin控制的数据上生成一个API。这是一个非常简单的API,并且我还没有很多数据,但是我对Angular.js和客户端应用程序比较陌生。使用rabl,我在2个对象上创建了一个API。到目前为止,这是我的代码;

project.rb

class Project < ActiveRecord::Base

   has_attached_file :image, :styles => { :small => "100x100", :medium => "200x200", :large => "300x300" }, 
              :url  => "/system/members/:id/:style/:basename.:extension", 
              :path => ":rails_root/public/system/members/:id/:style/:basename.:extension"
   validates_attachment :image, content_type: { content_type:     ["image/jpg", "image/jpeg", "image/png"] }

end

projects_controller.rb

class ProjectsController < ApplicationController

def index
    @projects = Project.all

    respond_to do |format|
        format.json { render }
    end
end

结尾

views / projects / index.html.rabl

collection @projects
attributes :id, :title, :short_description, :long_description, :client, :image

member.rb

class Member < ActiveRecord::Base

  has_one :image

  has_attached_file :image, :styles => { :small => "100x100", :medium => "200x200", :large => "300x300" }, 
              :url  => "/system/members/:id/:style/:basename.:extension", 
              :path => ":rails_root/public/system/members/:id/:style/:basename.:extension"
  validates_attachment :image, content_type: { content_type:     ["image/jpg", "image/jpeg", "image/png"] }

end

Members_controller.rb

class MembersController < ApplicationController

    def index
       @members = Member.all

        respond_to do |format|
           format.json { render }
        end
     end

  end

views / members / index.html.rabl

collection @members
attributes :id, :name, :title, :bio, :facebook, :twitter, :instagram, :linkedin, :dribbble, :image

角形

app / assets / javascripts / app.js

var app = angular.module("onyx", ["ngResource"]);

app.factory("Member", [ //member for the member object
  "$resource", function($resource) {
    return $resource("/member/:name", {  //trying to just start by getting the name
      name: "@name"
    }, {
      update: {
        method: "GET"
      }
    });
  }
]);

更新:由于这个出色的教程,我一切正常。

用户名

从那以后,我制作了一些带有角度和导轨的应用程序。制作完应用程序后,请对所有数据生成一个API。完成后,Angular将负责其余的工作。在我看来,使用gem并不是最好的方法,您可以通过CDN使用angular来利用rails资产管道,从而发挥自己的优势。

这两个教程是我发现的最佳资源,它们是如何学习如何使轨道和角度更好地协同工作的最佳资源:

  1. http://coderberry.me/blog/2013/04/22/angularjs-on-rails-4-part-1/(2个部分)
  2. http://angular-rails.com(完整的应用演练+部署和TDD)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用Angular.js消费Rails RABL API?

来自分类Dev

Rails JSON API,如何处理RABL中的nil对象?

来自分类Dev

Rails Rabl多个收藏

来自分类Dev

防止RABL(使用Rails)自动将别名单数化

来自分类Dev

使用RABL(或其他API构建器)来处理模型创建/更新?

来自分类Dev

Rabl Api和防止代码重复

来自分类Dev

Rails在同一应用程序中使用RABL和jbuilder?

来自分类Dev

从Rabl Rails调用Rails助手

来自分类Dev

ember.js,rails,rails-ember,rabl

来自分类Dev

为什么Rails找不到rabl模板?

来自分类Dev

为什么Rails找不到rabl模板?

来自分类Dev

使用rabl时更改响应状态代码

来自分类Dev

如何使用RABL输出JSON日期数组

来自分类Dev

Rails Rabl-自定义数组键

来自分类Dev

JSON-嵌套子级RABL或JBuilder for Rails

来自分类Dev

JSON-嵌套子级RABL或JBuilder for Rails

来自分类Dev

如何从Rabl模板内的枚举中获取整数值?

来自分类Dev

使用RSPEC渲染RABL模板时,响应为空

来自分类Dev

使用RABL将数据添加到根哈希

来自分类Dev

如何使用Angular JS在API URL中存储添加参数

来自分类Dev

如何在Angular JS中使用基于令牌的节点API

来自分类Dev

如何使用Angular app.js文件运行NodeJS API?

来自分类Dev

Rabl和回形针网址

来自分类Dev

从RABL移除节点

来自分类Dev

如果 RABL 条件

来自分类Dev

如何使用ajax jquery从rest api消费数据

来自分类Dev

如何使用JavaScript使用oAuth 1.0a连接到API?[Angular.js]

来自分类Dev

如何使用Angular通过Ajax在Rails 4 API中登录用户

来自分类Dev

如何使用 Angular4 和 Rails API 下载 Excel 文件?