3

Rails側はAPIの提供(/api/articles/:id にて、articleの情報とそれに紐づくitemをjson形式でレンダリングしています)に専念させ、Angular側でjsonを受け取りserviceクラスのfactoryメソッドからデータのやりとりをしようとしています。こちらが現状のコードです。Angularのバージョンは1.4.7を採用しています。

《service》

App.factory 'Article', ($resource, $http) ->
  class Article
    constructor: (errorHandler) ->
      @service = $resource('/api/articles/:id',
        { id: '@id' },
        { update: { method: 'PUT' }})
      @errorHandler = errorHandler

    find: (id, successHandler) ->
      @service.get(id: id, ((article)->
        successHandler?(article)
        article),
        @errorHandler)

    create: (attrs) ->
      new @service(article: attrs).$save()

    update: (article, attrs) ->
      new @service(article: attrs).$update {id: article.id}, (-> null), @errorHandler

こちらをcontrollerから呼び出し、createやupdateを呼んでいます。

《controller》

@articleService = new Article(serverErrorHandler)
@articleService.update($scope.article, title: article.title, description: article.description)

こちらをできればもう少しスマートに記述したいです。参考書やウェブの情報によると今回のようなアプリケーションでは、$httpサービスは基本的に用いずに$resourceサービスだけで実装するのが一般的と推奨されており、リファクタリングをしようとしているのですが、Angular内部のエラーに詰まり、うまく移行できません...

Error: [$resource:badcfg] http://errors.angularjs.org/1.4.0/$resource/badcfg?p0=query&p1=array&p2=object&p3=GET&p4=%2Fapi%2Farticles%2F13495

できれば、下記のように(「Rails+JSフレームワークでリアルタイム掲示板を作成してみる(AngularJS編)」を参考にしました)serviceクラスではAPIの受け取りだけに専念させシンプルに記述したいです。この方法がやはり推奨なのか、また、コードに良くない点やエラーの原因が見受けられましたら、どうかアドバイスをいただきたいです。読みにくいコードで申し訳ありませんがどうかよろしくお願いいたします。

《service》

App.factory 'Article', ($resource) ->
  $resource '/api/articles/1'

《controller》

Article.query (article) ->
  $scope.article = articles

$scope.create = ->
  article = Article.save($scope.Article)

0

この質問に回答するには、ログインする必要があります。

のタグが付いた他の質問を参照する。